Overview

This section provides you detailed understanding about button style functionalities of POS Designer. Making you familiar with the Button Style screen, it covers all other important functionalities such as creating a new button style, editing a button style, deleting a button style, copying a button style, and viewing a button style.

Using the Button Style feature, you can create and set font, color, and image for a button that can be used while creating or editing a design panel.

Following topics covered in this section:

•Button Style Screen

•Creating a New Button Style

•Deleting a Button Style

•Copying a Button Style

•Viewing a Button Style

Button Style Screen

To open the Button Style Search screen, browse through Administration > POS Customization > Button Styles in iVend Management Console. This screen shows all the available button Styles. The screen has a button panel containing Search, Clear, New, Edit, Delete, Copy, and View buttons to let users perform respective operation. Refer below illustration showing default Button Style Search screen.

Creating a New Button Style

This topic describes about how to create a new button style to be used in Design Panel and Layouts.

The Button Style Search screen contains list of button style from where you can simply select a style and edit it to save your own custom button style or copy a selected button style to create a new button style containing properties of the source button style.

To create a new button style:

1.On the Button Style Search screen, click the New button or press F3.

It opens the Style screen containing General, Font, Color, Image, and Sample sections.

2.Refer the following mentions helping you to provide appropriate information in the form.

oCode: Enter a code for the button style. This field accepts an alphanumeric value.

oDescription: Enter a description for the button style. This field accepts an alphanumeric value.

oFont Name: Choose a name from the Font Name list.

oFont Size: Click the Up/Down button to increase/decrease the font size.

oFont Bold: Select this checkbox to make font bold.

oFont Italic: Select this checkbox to make font italic.

oFont Underline: Select this checkbox to underline the font.

oFont StikeThrough: Select this checkbox to strike through the font.

oFore Color: Click anywhere on the Fore Color field to open the color picker and set the foreground color for the font. By default, it is set to the Black (0, 0, 0) color.

oBack Color1: Click anywhere on the Back Color field to open the color picker and set the foreground color for the font. By default, it is set to the White (255, 255, 255) color.

oImage: Click the … button to browse and select an image for the button background. You can click the Close button to remove the selected image for the button background.

oImage Location: Click the Image Location list to choose a location where you want to set the chosen image in the button background.

oSample: This field shows the sample button style based on the properties you have set.

3. After setting all button properties, click the Ok button to create a button style.

Clicking the Cancel button closes the Style page aborting the operation.

4.Now you can see the newly created button style on the Button Style Search screen.

Refer below illustration for the default Style screen.

Deleting a Button Style

This section describes about how to delete a button style from the Button Style Search screen.

To delete a button style:

1.Browse through Administration > POS Customization > Button Styles to open the Button Style Search screen.

The Button Style Search screen lists all available button styles.

2.Now select a button style which you want to delete.

3.Then click the Delete button or press F5. Click

A message appears asking for your conformation to delete the selected record.

4.Click the Yes button to delete the button.

Note:

•You cannot retrieve the button style once you delete it.

•The system does not allow you to delete the button style, if it is being associated with the Layout. In case of user trying to delete the button style that has been associated with the Layout, system prompts the error that “Style cannot be deleted as it is used by the system”.

Below is the message that appears on click the delete button.

Copying a Button Style

This section describes about how to copy a button style. Copying a button style helps you create another button style where all the properties are preset according to the source button style.

To copy a button style:

1.Browse through Administration > POS Customization > Button Styles to open the Button Style Search screen.

The Button Style Search screen lists all available button styles.

2.Select a button style which you want to copy.

3.Click the Copy button or press F6.

It opens the Style screen with all fields preset (except the Code field) according to the source button style.

4.Now, enter a code in the Code field for the new button style.

5.Edit other properties and set new properties as the requirements demand.

6.Click the OK button to save the new button style.

You can now search for the newly created button style on the Button Style Search screen.

Viewing a Button Style

This section describes about viewing a button style. The View button opens the button style in view only mode which does not let you make any change to its properties.

To view a button style:

1.Browse through Administration > POS Customization > Button Styles to open the Button Style Search screen.

The Button Style Search screen lists all available button styles.

2.Select a button style which you want to view.

3.Click the View button or press F7.

It opens the Style screen in view only mode.

4.Click the Cancel button to close the screen and return to the Button Style Search screen.