Button Layout Item Properties

Updated by Steven Garand

Select only one item on the page to view and edit item specific properties. Editing item specific properties on Multiple item selections are not allowed.
Buttons can't be tied directly to the database. JavaScript is required to make a button do anything useful.

Options

  1. Button Type
    1. standard
    2. radioGroup: Radio group button. Only one button in the group can be selected at a time. Set the 'Group Name' to the same value for all buttons in the same group.
    3. checkBox: Check box button which toggles between selected and not selected.
    4. imageOnly: Button that only contains an image and no text. Image properties must be set and text property values are ignored.
  2. Text: Text to display on the button.
  3. Group Name: Used to define a group of buttons with 'Button Type' property of 'radioGroup'. This value is ignored for all other 'Button Type' property values. Set the 'Group Name' to the same value for all buttons in the same group.
  4. Image URL: URL to image hosted on a server. Do not use a URL to a local computer drive.
  5. Image Width: Width of the image in pixels.
  6. Image Height: Height of the image in pixels.
  7. Image Position: Image position on the button.
    1. left
    2. top
    3. center
    4. bottom
    5. right
    6. topLeft
    7. bottomLeft
    8. topRight
    9. bottomRight
  8. Text Position: Text position on the button.
    1. left
    2. top
    3. center
    4. bottom
    5. right
    6. topLeft
    7. bottomLeft
    8. topRight
    9. bottomRight
  9. Text Image Relation: Relation of the text and image on the button.
    1. imageBeforeText
    2. imageAboveText
    3. textAboveImage
    4. textBeforeImage
    5. overlay: Text over the top of the image.

See Also:

How did we do?