Start menu

helps select table of contents previous Oben next german version

Demo_336_UsrManagement as an exampleSetting up a user managementPagesStart menu

 

The simplest start menu that can be realised is one that only requires the creation of touch fields and titles (text objects) to create the required access. In our example, though, we tried to create an appealing user interface. For this, an image was created in GIF format for the background of the page. cicon2 Inserting graphics into the screen template.

 

 

Click here to display / hide the image.Illustration, background picture of the start menu

Pct_ActionMenu

 

Images with transparent background were created for the touch fields. These were then placed at the appropriate position and equipped with the required functions.

 

Click here to display / hide the image.Illustration, touch field pictures

Illustration:

Application:

Btn_Circle_UsrMan_r

Symbol for the normal state of the left hand side touch field.

Btn_Circle_UsrMan_p

Symbol for the pressed state of the left hand side touch field.

Btn_Circle_Oper_r

Symbol for the normal state of the right hand side touch field.

Btn_Circle_Oper_p

Symbol for the pressed state of the right hand side touch field.

 

The titles of the touch fields were placed next to the respective touch field. Because the user interfaces was designed for multi-lingual operations, the titles were realised by means of text lists. These are an easy option to create texts in the cicon2 programmed languages .

 

Click here to display / hide the image.Illustration, start menu on HMI

Pct_ActionMenu2

 

 

The next steps:

 

As a next step for creating a page for the action selection, a new page object must be created. For this, click on "Pages" and then press the short-cut "Ctrl" + "I".

Pct_PrjctExpl_NewPage

Page properties dialogue / Register basis:

Dlg_PgUsrManagment

 

Enter a descriptive name for the page (in our case "OperationMenu".

Define the page number (here: 1).

If required, include the associated page template.

Click on "OK" to create the page.

 

The Page Editor will now open. Now place the graphics inside the screen template. For instructions on how to integrate this into the page, see cicon2 Inserting graphics into the screen template.

 

 

<< return