Page Layout Control Properties

Description

Properties for controls in a Page Layout Component.

Button Properties

  • Button text 

    Enter HTML text to appear in this control.

  • Bubble help 

    Enter the bubble help for the button. For high order international characters, you must use unicode encoded text.

  • Class 

    Specify the class name for the

  • Style 

    Specify the in-line style for the

  • Id 

    Specify the control id.

  • Width 

    Specify the button width. Use CSS syntax (e.g. 2in, 40px). Leave blank to use a default width.

  • Height 

    Specify the button height. Use CSS syntax (e.g. 2in, 40px). Leave blank to use a default height.

  • Break 

    Force a column break before, after, or both before and after this control.

  • Break height 

    Specify the vertical distance between this control and the next control. Use CSS syntax. e.g. 10px, .5in, 20pt.

  • Horizontal spacer 

    Specify the horizontal space between this control and the next control. Use CSS syntax. e.g. 10px, .5in, 20pt.

  • Break height 

    Specify the vertical distance between this control and the next control. Use CSS syntax. e.g. 10px, .5in, 20pt.

  • Horizontal spacer 

    Specify the horizontal space between this control and the next control. Use CSS syntax. e.g. 10px, .5in, 20pt.

  • Repeating section heading 

    Specify the column heading for this control when it is displayed in a Repeating Section that shows labels on the first row only

  • Hide 

    Specify if this control should be hidden. Controls are typically hidden so that they can be manually placed into the Dialog HTML in a 'Free-form Container'.

  • Advanced button styling 

    Specify if you want more control over how the button appears. For example, you can put an image and text on the button. For touch applications (e.g. mobile applications), you should check this property.

  • Advanced button control type 

    Specify if the button should be displayed as a standard button, hyperlink, or image.

    • Button

    • Hyperlink

    • Image

  • Control container class name 

    (Advanced/Optional) All controls are automatically wrapped in a div (with a class name of 'A5CWLayout' or 'A5container' ) (unless the control is in a 'NoFloat' container). You can specify a class name to use for the control container in addition to the 'A5CWLayout' or 'A5container' class that is automatically used. This allows you to have more control over the appearance of the control.

  • Control container prevent float 

    (Advanced/Optional) All controls are automatically wrapped in a div (with a class name of 'A5CWLayout' or 'A5container' ) (unless the control is in a 'NoFloat' container). This container automatically 'floats' the control (so that your controls lay out automatically from left to right until a control with a 'break after' is encountered). In addition, the class adds padding around the control. By checking this property, the you are specifying that the div container that encloses this control will not have the 'A5CWLayout' or 'A5container' class applied.

Button Appearance

  • Sub-theme 

    Sub-theme property

  • Button layout 

    Button layout property

    • Text only

    • Image only

    • Text followed by Image

    • Image followed by text

    • Image above text

    • Text above image

    • Text left & image right

    • Image left & text right

  • Has dropdown icon 

    Specify if a small dropdown arrow should be shown on the button. (Typically only used if the button will open a dropdown window when clicked.)

  • Display as split button 

    Specify if the button should be split into two 'logical' buttons, with the button and the dropdown icon separated into two logical buttons. If you use this option you should define your event handler in the 'onClick' rather than the 'click' event. You will then be able to refer to arguments[1] in your code to see if the user clicked on the dropdown icon or the button. arguments[1] will be set to either 'normal' or 'split'.

  • Button text 

    Specify the text for the button. TIP:You can use the and language translation tags here.

  • Bubble help 

    Specify the bubble help for the button. The bubble help is displayed when the mouse is over the button. TIP:You can use the and language translation tags here.

  • Button class 

    Specify the button class. You can use for no class. Use or blank for the default class.

  • Button class hover 

    Button class when the mouse is hovering over the button. You can enter (or leave blank) to use the default class name. Specify for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myHoverclass.

  • Button class pressed 

    Button class when the user clicks on the button. You can enter (or leave blank) to use the default class name. Specify for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myPressedclass.

  • Button class disabled 

    Button class when the button is disabled. You can enter (or leave blank) to use the default class name. Specify for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myDisabledclass.

  • Button inline style 

    Button inline style property

  • Button text class 

    You can enter (or leave blank) to use the default class name. Specify for no class.

  • Button text inline style 

    Button text inline style property

  • Image name 

    Image name property

  • Hover image name 

    Image to display when mouse if hovering over the button. Leave blank to use the default image.

  • Pressed image name 

    Image to display when user clicks the button. Leave blank to use the default image.

  • Disabled image name 

    Image to display when the button is disabled. Leave blank to use the default image.

  • Image class 

    Image class property

  • Image inline style 

    Image inline style property

Hyperlink Appearance

Image Appearance

  • Image name 

    Image name property

  • Hover image name 

    Image to display when mouse if hovering over the button. Leave blank to use the default image.

  • Pressed image name 

    Image to display when user clicks the button. Leave blank to use the default image.

  • Disabled image name 

    Disabled image name property

  • Image class 

    Image class property

  • Image inline style 

    Image inline style property

  • Button class 

    Specify the button class. You can use for no class. Use or blank for the default class.

  • Button class hover 

    Button class when the mouse is hovering over the button. You can enter (or leave blank) to use the default class name. Specify for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myHoverClass.

  • Button class pressed 

    Button class when the user clicks on the button. You can enter (or leave blank) to use the default class name. Specify for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myPressedClass.

  • Button class disabled 

    Button class when the button is disabled. You can enter (or leave blank) to use the default class name. Specify for no class. If you specify your own class name here you can prefix it with '+' to use the specified class in addition to the default class. E.g. +myDisabledClass.

  • Button inline style 

    Button inline style property