After you add a Blank tool, a blank area will display. Double-click the blank area to alter the properties.
After you add a Button tool, a tool area with an image icon will display. Double-click the tool area to alter the properties. You can specify the images that indicate the static, hover and active states.
Type
Image: Choose from repository and set an image for the button.
Hover: Choose from repository and set an image that displays when the cursor is hovering over the button.
Active: Choose from repository and set an image that displays when the button is activated.
This is the card navigation tool. After you add a Cardnav tool, a tool area with buttons will display. Double-click the tool area to alter the properties.
Type
Choose cards...: You can choose cards for navigation. In the Run mode, there will be buttons that link to the chosen cards upon your click.
Before you can work with a Form tool, a form must be created using the Form Designer.
After you add a Form tool, a blank area will display. Double-click the area to alter the properties.
Type
URL: Enter the repository path of the form into the field.
Choose from repository...: You can choose an form from repository to display in the view.
After you add a Freetext tool, a tool area showing “Default Freetext” will display. Double-click the tool area to alter the properties.
After you add an Html tool, a blank area will display. Double-check the area to alter the properties.
Type
URL: Enter the URL of the html page into the field. The URL can be either a path in the repository, or a URL on the Internet.
Choose from repository...: You can choose an html file from the repository to display in the view.
Inline: This option is only available for an html file in the repository. It's used to load a snippet of html, which means any html markup that can be used within the body tag
Scrolling: If this option is selected, horizontal and vertical scroll bars will automatically display around the html view if they are required.
After you add an Image tool, a tool area with an image icon will display. Double-click the tool area to alter the properties.
Type
URL: Enter the URL of the html page into the field. The URL can be either a path in the repository, or a URL on the Internet.
Choose from repository...: You can choose an image from the repository to display in the view.
After you add a Label tool, a tool area showing “Default Label” will display. Double-click the tool area to alter the properties.
Text: Enter the text into the text editor and set the format, which will display as the label.
After you add a Rectangle tool, a tool area in a rectangular shape will display. Double-click the tool area to alter the properties.
Type
Gradient Type: Set a blend of two colours to fill up the rectangle.
none: There will not be any gradient effect and only one colour will be used.
horizontal: The direction of gradience will be from left to right.
vertical: The direction of gradience will be from top to bottom.
forward diagonal: The direction of the the gradience will be along the forward diagonal line.
backward diagonal: The direction of the gradience will be along the backward diagonal line.
Fill Colour: Specify the fill colour to start with.
Fill Colour 2: Specify the fill colour to end with.
Border: Tick if you need a border around the rectangle.
Border Width: Select a width from the dropdown list.
Border Radius: Select a radius from the dropdown list to add a rounded border.
Border Colour: Specify the border colour.
Use SVG: Tick if you want to use SVG markup, and the other options related to rectangle will be automatically disabled. Deselecting this option means you use the rectangle mode, in which you set the options to create a SVG rectangle for creating simple backgrounds of views.
SVG: Enter the SVG markup into this field to bring you more control to create more sophisticated designs.