The bucket is a very versatile content widget that groups together an image with custom html.
| 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. |
| Include image | Set to 'yes' to attach an image to the widget. |
| Main image > Placement | Only appears if 'Include image' is set to 'yes'. 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 | This is the html content to be displayed in the widget. Accessibility note: if a widget header 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. |
Examples
Above: a bucket with left-aligned image
Above: bucket with center-aligned image
Notes
Sometimes a row of buckets will have misaligned images resulting from some long widget headers that wrap onto multiple lines.
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.
