Properties (Folder)

Set the ID of the folder. In the Project Explorer, displays as S*****.

Setting Value Range:1 - 19999

Set the navigation type applied to screens in the folder.

When changing screens to a folder, select the ID of the screen to display first.

Setting Value Range:1 - 19999

Set the navigation switch appears on navigation.

Enter the label for the navigation switch to folders, which appears in Left Navigation and Icon Navigation.

Note: To enable displaying a label on the navigation switch, in the Properties screen for Left Navigation or Icon Navigation, the [Show Label] check box must be selected. The Properties screen appears when [Screen Design] > [Screens] is selected in the Project Explorer.

Data Binding Support:

When used as a Binding Target, the Binding Sources that can be associated are as follows.
[ Language Table Text]

For more information of Data Binding concept, refer to the following.
Data Binding

Select the image for the navigation switch to folders, which appears in Left Navigation and Icon Navigation. Click the ellipsis [...] and select the image.

The supported image file formats are PNG and SVG (Screen editing software: SVG 1.1, runtime: SVG Tiny 1.2).

Note:

To enable displaying an image on the navigation switch, in the Properties screen for Left Navigation or Icon Navigation, the [Show Icon] check box must be selected. The Properties screen appears when [Screen Design] > [Screens] is selected in the Project Explorer.
The maximum number of elements in an SVG file is 2000.
The maximum SVG file size is 100 MB.
For the supported SVG elements and attributes, as well as the supported SVG presentation attributes, refer to the following tables.

Supported SVG Elements and Attributes

Elements	Attributes
circle	style, transform, cx, cy, r
clipPath	style, transform, clipPathUnits
defs	style, transform
ellipse	style, transform, cx, cy, rx, ry
g	style, transform
image*	style, transform, x, y, width, height
line	style, transform, x1, y1, x2, y2
linearGradient	style, x1, y1, x2, y2, gradientUnits, gradientTransform
path	style, transform, d
polygon	style, transform, points
polyline	style, transform, points
radialGradient	style, cx, cy, r, fx, fy, gradientUnits, gradientTransform
rect	style, transform, x, y, width, height, rx, ry
stop	style, offset
svg*	style, x, y, width, height, viewBox
use	style, transform, x, y, width, height

* Supported in the screen editing software only.

Supported SVG Presentation Attribute

Presentation Attribute

clip-path*

clip-rule*

color

fill

fill-opacity

fill-rule

opacity

overflow*

stop-color

stop-opacity

stroke

stroke-dasharray

stroke-dashoffset

stroke-linecap

stroke-linejoin

stroke-miterlimit

stroke-opacity

stroke-width

* Supported in the screen editing software only.

Depending on your web browser, the appearance of the SVG in Web Viewer may differ from that in the screen editing software or runtime.
You cannot use SVG files that contain JavaScript, other types of scripts or external links.
You cannot use SVG files with invalid attributes or structures.
You can only use SVG files transferred through project transfer.
Using complex SVGs or a large number of SVG files may increase the display time. For the recommended SVG files you can use, refer to the following.
Supported Model/Feature List

Set the security level for the navigation switch to folders, which appears in Left Navigation and Icon Navigation.

Setting Value Range:0 - 65535