Custom HTML

22 Apr Custom HTML

Click on Popup Elements Toolbar to add HTML-code to the popup. To achieve its properties just do right click over element and then click Properties. All properties are organized into 3 groups: Basic, Style, Logic. To view/edit certain group of properties just click appropriate tab on Element Properties panel.

Basic Properties

• Name. The name is for your reference only.
• Position. Set the position of the element relative to the upper left corner of the base frame.
• Size. Set the size of the element.
• HTML. This is the HTML-content of the element.
• Enable scrollbar. If enabled, the scrollbar is added to the element.
• Animation. Adjust the appearance and disappearance effect and duration.

Style Properties

• Text. Adjust the text style (font, color, size, etc.) of the element. These parameters override “Text style” parameters from “Global Style Settings” category.
• Background. Adjust the background style of the element.
• Border. Adjust the border style of the element.
• Shadow. Adjust the shadow style of the element.
• Padding. Adjust the padding of the element.
• CSS styles. Set custom css for certain element parts.

Conditional Logic

Here you can create rules to show or hide the element depending on the values of other fields.