Overview

This section provides you detailed understanding about designing of the Layout that basically deals in placing the control over the canvas, moving and dragging the controls and the button grids. Making you familiar with the designing a specific control in the canvas, changing the forecolor and Backcolor of the caption and value of the control, setting up the header back color, directly editing the buttons and button grid from the designer screen.

Using the POS Designer and Customization feature, you can design a Layout by placing all the control, design panels over the canvas easily.

There are following topics covered in this section, click to explore:

•Placing the control to the canvas

•Adding Items in a particular control

•Setting of the Header control

Placing the control to the Canvas

This section describes about how to edit an existing Layout. Editing a Layout allows you to edit the Layout by changing the button grid associated Layout, changing the Backcolor and forecolor for the header and footer for the secondary screen and change the layout design by going to canvas using POS designer button.

To place the control over the canvas:

1.Browse through Administration > POS Customization > Layout to open the Layout Search screen.

The Layout Search screen lists all available Layout Design available.

2.On the Layout Search Screen, click the new button or press F3.

It opens the Layout screen with all fields blank.

3.Now, after setting all the properties of the layout screen click on POS Designer button to go to Canvas.

4.Button Grid on canvas contains Customization button. Click on Customization button to open customization window.

All the controls and associated button grids is available at the customization window.

5.You can drag the control and button panel to the designer window from customization window by selecting and dragging the control.

The control which is not required in the default design of the layout can be dragged back to the customization window.

6.Close the customization window to see the Layout. Click the Ok button to save the layout and get back to Layout Screen.

Clicking the Cancel button aborts the changes.

7.Click the Ok button on the Layout screen to save the changes.

Adding fields in a particular control

This section describes about add fields to a control. User can add/remove multiple fields from a particular control by simply dragging and dropping the fields to the control.

To add/remove fields for a particular control:

1.Browse through Administration > POS Customization > Layout to open the Layout Search screen.

The Layout Search screen lists all available Layout Design available.

2.On the Layout Search Screen, click the new button or press F3.

It opens the Layout screen with all fields blank.

3.Now, after setting all the properties of the layout screen click on POS Designer button to go to Canvas.

4.After dragging the control to the designer window, right click on the Control and then click on the customize layout.

5.Customization window gets open and you have all the properties related to that control in that customization window.

6.You can drag fields from the customization window to control and vice-versa.

7.Close the customization window and click Ok to get back to Layout screen. Click on cancel button aborts the changes

8.Click the OK button of Layout screen to save the changes.

Setting of the Header Control

This section describes about how to set the background color and background image of the header control.

To customize the header control a layout:

1.Browse through Administration > POS Customization > Layout to open the Layout Search screen.

The Layout Search screen lists all available Layout Design available.

2.On the Layout Search Screen, click the new button or press F3.

It opens the Layout screen with all fields blank.

3.Now, after setting all the properties of the layout screen click on POS Designer button to go to Canvas.

4.Right Click on the header control to open the options available to customize the Header control.

5.Click on Customize Header to set the background image of the header control.

6.Click on Load image to set the Background image of the header.

It opens the browser window to select the image to be set.

7.After selecting the background image for the header click on Ok to get back to the Layout Screen.

8.Click the Ok button of Layout screen to save the changes.