How to Apply Template

Navigation:  Knowledge Base > User Console > Applications > Application Manager > Template Manager >

How to Apply Template

Previous pageReturn to chapter overviewNext page

In any Project , users can apply Template Pages which are predefined . Follow below steps to know more.

 

Adding all Template Pages

 

Step 1: Create Project "MyProject2". Open Project. Click on "Template Manager" tab.

 

mobilous_appexe_console_template_AppMgr_tempmgr

 

Step 2: Template List opens as shown below. User need to Click on the "Tick" Icon to add Template Pages to the Project.

 

mobilous_appexe_console_template_Apply2

 

Step 3: Below Pop up appears as shown in first Image below. Enter Parameters as mentioned in below Table. Click on "Go".

 

mobilous_appexe_console_template_Apply3_popup                               mobilous_appexe_console_template_Apply4_popup

 

 

Parameter

Description

Project Name

Allows user to select "Project Name" of the Project where Template needs to be added.

Parent Page Name

Allows user to select "Parent Page Name" for setting hierarchy of the Template Page to be added.

Prefix Page Name

User need to provide a prefix text, which is added as prefix to the name of the Template Page added e.g "Temp"

 

 

Step 4: Pop Up Message appears "Template successfully Generated".

 

mobilous_appexe_console_template_Apply_SuccessGenerate_popup

 

Step 5: Click on Page Editor tab of "MyProject2" where the Template is copied.

 

mobilous_appexe_console_template_Apply5

 

Step 6: "Open Page" Window displays the Template Pages Added to the Project as shown in the image below.

 

mobilous_appexe_console_template_Apply6

 

Step 7: Below images shows the Template "Login" and "Home" Page copied.

 

mobilous_appexe_console_template_Apply7

 

Step 8: Below images shows the Template "Login" and "Register" Page copied.

 

mobilous_appexe_console_template_Apply8

 

Step 9: Below images shows the Template "Login" page with the Property Window displaying the "On Tap" action applied on "Login" Button, as copied from Template.

 

mobilous_appexe_console_template_Apply9

 

Step 10: Below images shows the Action Detail for the "Login" Button, as copied from Template.

 

mobilous_appexe_console_template_Apply_Action1

 

Step 11: Below images shows the Template "Login" page with the Property Window displaying the "On Tap" action applied on "Register" Button, as copied from Template.

mobilous_appexe_console_template_Apply_Action1

 

mobilous_appexe_console_template_Apply10

 

Step 12: Below images shows the Action Detail for the "Register" Button, as copied from Template.

 

mobilous_appexe_console_template_Apply_Action2

 

Step 13: Below images shows the Template "Register" page with the Property Window displaying the "On Tap" action applied on "Submit" Button, as copied from Template.

 

mobilous_appexe_console_template_Apply11

 

Step 14: Below images shows the Action Detail for the "Submit" Button, as copied from Template.

 

mobilous_appexe_console_template_Apply_Action3

 

 

Adding Single Template Page

 

Step 1: Create Project "MyProject2". Open Project. Click on "Template Manager" tab.

 

mobilous_appexe_console_template_AppMgr_tempmgr

 

Step 2: Template List opens as shown below. User need to Click on the "Edit" Icon to add Single Template Page to the Project.

 

mobilous_appexe_console_template_Apply_Singlepage1

 

Step 3: Template Page List opens as shown below. Click on "Tick" option for the desired page to be added e.g "Login" page.

 

mobilous_appexe_console_template_Apply_Singlepage2

 

Step 4: Below Pop up appears as shown in Image below. Enter Parameters as mentioned in below Table.

 

mobilous_appexe_console_template_Apply4_popup

 

Parameter

Description

Project Name

Allows user to select Project Name of the Project where Template needs to be added

Parent Page Name

Allows user to select Parent Page Name for setting hierarchy of the Template Page to be added.

Prefix Page Name

User need to provide a prefix text, which is added as prefix to the name of the Template Page added.

 

Step 4: Pop Up Message appears "Template successfully Generated".

 

mobilous_appexe_console_template_Apply_SuccessGenerate_popup

 

Step 5: Open Page Editor of "MyProject2" where the Template Page is copied. Page window displays the Template Page copied as shown below.

 

mobilous_appexe_console_template_Apply_Singlepage3

 

Step 6: Below image shows the Template "Login" Page copied.

 

mobilous_appexe_console_template_Apply_Singlepage4