Manual > Surveillance System Building Guide > Creating a Project > Creating a Standard Project > System Settings for a Standard Project > Editing the Layout and Menu (Style Settings)

Editing the menu

This section explains how to edit the menu.

Click on the links below to jump to the relevant section of this page.

Editing Menus

To edit the menu, select the Style Settings tab from the System Settings screen and select "Edit Menu" from the menu on the left side of the screen.

p_prj_0120

The menu settings can be made for each style and size. Please make sure that the style you want to edit is selected in the combo box on the left.

When editing a menu, first select the menu to be edited from the combo box below.

p_prj_0122

Main Menu

Edit the items to be displayed in the main menu. The menu items set here will be displayed as is in the side menu and full menu.

Header

Edit the items to be displayed in the header area. The display of the title, clock, etc. can be set here.

Footer

Edit the items to display in the footer area.

Application Menu

Edit the items that appear in the Application Menu. The Application Menu allows you to add a standard Windows menu display between the browser's title bar and header area.

(Example of application menu display)

p_prj_0129

Information Bar

You can edit the functions to be placed at the bottom of the information bar, such as the settings button, exit button, and sticky note button.

The list of items to add to the menu is divided into two tabs: "Screen Calls" and "Special Functions".

p_prj_0123

The screen recall list displays a list of screens that can be added to the menu.

To add a custom form to the menu, the form's "MenuCandidate" property must be set to True. For more information, see "Adding a form to a standard project".

The Special Features list displays the special features that you can add to the menu.

For details about special functions, please refer to "Special Functions in the Menu" on this page.

You can edit the menu as follows:

1.Use the mouse to select the screen or special function you want to add from the list on the left.

p_prj_0125

2.Use the mouse to select the location to add from the list on the right.

p_prj_0126

3.Clicking the right button in the center of the screen will add an item (a new item will be added to the line next to the one selected in the list on the right).

p_prj_0127

To edit the display order of the menu, use the up and down arrow buttons on the right side of the screen. To delete a display item from the menu, select the item you want to delete from the list on the right and click the left arrow button "<" in the center of the screen.

Back to the top of the page

Menu special features

The following special functions can be added to the menu as items. By adding these functions to the menu, it is possible to call up a variety of functions.

function	explanation	remarks
[Group name]	Adding this item allows you to define menu groupings.
[+]Pop-up menu	Adding this item allows you to define a popup menu.
Separator	Adds a separator to the menu.
setting	Calls up the system settings screen.
Add a sticky note	Adds sticky notes. For details, see "Sticky Notes Function".
View Sticky Notes	This function allows you to switch between full display and non-display of sticky notes.
Sticky Note List	Call up the Sticky Notes list.
Guidance List	Calls up the guidance list screen.
Camera Registration	Calls up the camera registration screen.
Full Screen	Full-screen display switching function.
theme	The theme selection screen will be displayed.
sound	This is the sound enable/disable switch function.
Menu Position	This function switches the display position of the side menu from left to right.
end	Close the browser.
Log in	Log in/log out.
Username (icon + user name)	Displays the user icon and user name.	Header and footer only.
Username (username)	Displays the user name.	Header and footer only.
Username (icon)	Displays the user icon.	Header and footer only.
Page forward	Switches to the next screen in the screen display history.
Back to page	Switches to the previous screen in the screen display history.
title	Displays the title of the screen.	Header and footer only.
clock	Displays the clock.	Header and footer only.
Large lamp	You can add a display component that displays the value of any tag as a lamp.	Header and footer only.
Small lamp	The above is a small lamp part.	Header and footer only.
Number	You can add a display component that displays the value of any tag as a number.	Header and footer only.

Back to the top of the page

Menu details

The menu item provides detailed settings.

Detailed settings for menu items can be made from the settings screen displayed by clicking the "..." selection button to the right of each menu item.

p_prj_0128

The contents of the detailed settings vary depending on the type of menu item.

■ Screen call detailed settings

The following describes the detailed settings for the menu items that call up the screen.

p_prj_0130

The contents of each setting item are as follows:

Menu display string	The characters set in the display string will be displayed in the menu.
Displaying Strings	If you disable the display of text, only icons will be displayed. For headers and footers, text will be displayed if this setting is enabled and text display is enabled in the common menu settings.
Icon Image	Specifies the image to be displayed in the icon. Files that can be specified can be selected from system resources and user resources. The icon can also be left unselected (cleared). For example, when displayed in the header, if you set this setting to no icon and enable text display in the menu common settings, you can set it to display only the string specified above.
Automatic color conversion	If you enable automatic icon color conversion, the color will be automatically changed when you switch themes or when highlighting a menu selection. If you do not want to change the color, such as when you want to display an image with your own color, disable this setting.
Parent Menu	When setting up a hierarchical menu structure, specify the menu item that will be the parent of the menu as the "parent menu".
Open Settings	Clicking the Open Method Setting button will display the Open Parameter Setting screen for when the screen is called. For details, see "Open Method Setting" below.

■ Setting the opening method

Clicking the "Open Method Settings" button from the Advanced Settings menu will display the settings screen for how the screen will be opened when it is called. By specifying parameters on this screen, you can specify the behavior of the called screen. The types of parameters that can be specified vary depending on the target screen.

p_prj_0131

The basic settings include the following:

Open Form

Specifies the screen to be displayed by menu operation. This is automatically set when the menu is added.

title

The title of the form you want to display can be specified in the title field.

Distinguished name

Specify an arbitrary string to identify the caller only when you want to open multiple instances of the same form as dialogs at the same time. Normally, only one form can be open at a time, but you can open multiple forms as dialogs at the same time by specifying unique identifiers for each menu item that calls the same form.

Screen Stretching

You can specify the stretch mode for the screen stretch. For details on the stretch mode, please refer to "About the form stretch mode" in the function explanation.

Display as initial value of form	It is displayed according to the setting in the Stretch property of the called form.
Display actual size (not stretched)	Displays the stretch mode as "NONE".
Enlarged view	Displays the stretch mode as "STRETCH_FULL".
Stretched display (maintaining aspect ratio)	Displays the stretch mode as "STRETCH_KEEPRATE".
Adjust form size	Displays the stretch mode as "RESIZE_FULL".

How to display

In addition to displaying it in the main view (main area), it can also be displayed as a pop-up dialog.

Show in main view	The specified form will be displayed in the main area.
Show in Dialog	Displays the specified form as a dialog.
Display in a dialog (modal display)	Displays the specified form as a modal dialog.

p_prj_0132

In the dialog settings, configure the following:

Left coordinate	Specify the left coordinate (X coordinate) of the dialog display. "0" is the left edge. "-1" displays it in the center.
Top Coordinate	Specify the top coordinate (Y coordinate) of the dialog display. "0" is the top edge. "-1" displays it in the center.
width	Specifies the width of the dialog window. If you set it to "-1", it will be displayed with the width of the original form.
height	Specifies the height of the dialog window. If you set it to "-1", it will be displayed at the original form height.
resize	If enabled, the dialog will be resizable.

p_prj_0133

When a screen is opened, you can specify the open parameters in the call parameters.

The open parameter settings vary depending on the screen being called.

For more information about the open parameters of the screen library, see "About the open parameters of the screen library" in the Screen Library Reference.

Back to the top of the page

Edit common menu settings

In the menu common settings, you can set common settings for the header menu and footer menu.

From the System Settings screen, select the Style Settings tab and select "Menu Common Settings" from the menu on the left side of the screen.

p_prj_0134

On this screen, you can make the following settings for the header menu and footer menu.

Area Height	Specify the vertical width of the header area and footer area in pixels.
Item height/width	Specify the width and height of the item to be displayed. You can specify the width and height in pixels by selecting Pixels from the combo box.
Item Spacing	Specifies the amount of space between displayed items in pixels.
Left Padding/Right Padding	Specifies the left and right margins of the item in pixels.
Icon height/width	Specifies the width and height of the icon in pixels.
Text Display	Select whether to show or hide the text display of the menu items. If you hide it, only the icons will be displayed.
Text Position	Specifies the vertical adjustment value for the text display of the menu item. When text display is enabled, it is used to fine-tune the balance between the icon and text position.
Recommended button settings	Clicking the "Choose Settings" button will display a recommended size selection dialog.

Clicking the "Choose Settings" button will display the recommended size selection dialog shown below.

By selecting recommended settings from this dialog, you can replace the various setting values on this screen with the recommended values all at once.

frame_051

Back to the top of the page