...
Datadef element | Description | |
---|---|---|
Width | Indicates the width of the widget relative to the total amount of horizontal space available. Note that including a secondary navigation or sidebar on your page will decrease the total horizontal space available for widgets. This setting affects widget widths on large screen sizes only. | |
Collapse content | All or Indicates which portions of the bucket content are collapsed. A user can reveal collapsed content with the 'open' button.
| |
Include image | Set to 'yes' to attach an image to the widget. | |
Main image > Placement | Only appears if 'Include image' is set to 'yes' and the widget heading type is set to 'text' or 'link'. Indicates whether the image is place before or after the widget heading. | |
Main image > Alignment | Only appears if 'Include image' is set to 'yes'. Sets the main image alignment to left or center. | |
Main image > Include link | Only appears if 'Include image' is set to 'yes'. Set to 'yes' to make the main image linkable. | |
Main image > Link | Only appears if 'Include image' and 'Include link' are both set to 'yes'. Refer to 'Working with links'. | |
Main image > Image | Only appears if 'Include image' is set to 'yes'. Refer to 'Working with images'. | |
Content | Displayed content | Only appears if 'Collapse content' is set to 'none' or 'partial'. This is the html content to be displayed in the widget. Accessibility note: if a widget header heading is displayed (refer to 'Working with widgets'), do not use heading levels h1 through h3. The top-most heading level for this content in this case is h4. If a widget heading is not displayed, you may use heading levels h3 through h6. |
Collapsed content | Only appears if 'Collapse content' is set to 'partial' or 'all'. This is the html content to be collapsed in the widget. |
Examples
Above: a bucket with left-aligned image
...
If you want all the images in a row of buckets to align, try positioning the bucket images before the widget heading instead of before.