Use this tab to assign a tag to the container, define how containers are sized, and control how Elements within the container are handled: you can allow/disallow scheduling, optionally limit the number of Elements, and enable/disable random display of contained Elements.

• Container Tag - Sets the HTML tag to use when rendering this container. Choose the option most appropriate for the type of content it will hold, considering that you can easily fine-tune appearance through stylesheets. Available options are a function of whether HTML5 tags are enabled for your site. See Site - General Settings in the Administrator's Reference.

  If HTML5 Container Tags are enabled, the dropdown displays the following:

  

  Note that screen readers and other assistive technologies may have difficulty interpreting an outline consisting of a mix of heading elements and HTML5 Section tags. Without Sectioning tags, outlines are interpreted in a straightforward way, using only the h1-h6 tags. When designing pages for disabled visitors, keep these considerations in mind. To stay up-to-date on the latest HTML standards information and HTML5 interpretation, see http://www.w3.org/.

  If HTML5 Container Tags are not enabled, the following options display in the dropdown:

  

  If HTML5 Container Tags were enabled, used, and then disabled at the site level, CommonSpot automatically uses div tags for all assigned HTML5 tags so you don't have to find and manually update them. To allow this change to take effect, CommonSpot also clears cache for all Container and Schedule Elements in the site.The dialog displays the disabled setting, as shown below, with this informational message: Note: The saved setting is HTML5 only, but HTML5 container tags have been disabled by site administrators. A div tag will be used instead.

  :

• Container Type - Use this to define how containers are sized. These settings control which height/width options are available in the Layout tab.
• Fixed width based on device size - Sets container width to a size determined by the device in use. This option is only available if a Responsive Design class is defined for the Fixed Width Container Class field in the Site Admin - Responsive Design Settings dialog. If a class is specified it will be rendered on this container. If you are using Bootstrap as your responsive framework, you would set this option to ‘container'.
• Fluid (100%) of parent - Container width is relative to the size of the parent container and is 100% of the parent width. If you choose this option the container renders with the class specified for the Fluid Container Class field in the Site Admin - Responsive Design Settings dialog. If you are using Bootstrap as your responsive framework you would set this option to ‘container-fluid’. This is the default option.
• Fixed-width of a specified size - Sets container width and height to the values set in the Layout tab.
• Aria Landmark Role: This option allows you to assign ARIA (Accessible Rich Internet Applications) Landmark roles (or "landmarks") to the container. Landmarks provide a structure that enables assistive devices to navigate through sections via common semantic cues. Pick from the dropdown to assign a role to this container for categorization/announcement by assistive devices. CommonSpot supports the eight landmark roles for content regions currently defined by the ARIA standard. For details, see http://www.w3.org/TR/wai-aria/roles#landmark_roles.
  
  

  See the description for the ARIA Landmark left pane in the Contributor's Reference and Developing Accessible Content in CommonSpot in the Administrator's Reference for more information on applying landmarks.

• Enable scheduling for elements - If checked, contributors can schedule and personalize how Elements appear. For more information, see Schedule Personalize.
• Limit the number of contained elements - If checked, CommonSpot limits the number of contained Elements that can appear in this container.
• Limit the number of displayed elements - If checked, CommonSpot limits the number of Elements that can be displayed. While this limits the number that can be displayed, users can insert more Elements than the number you will set here.
• Random display - If checked, Elements within the container display in random order. If the limit for the number of displayed Elements is lower than the limit for the number of Elements the container can hold, all contained Elements display randomly.

Use the Layout tab to set positioning properties for the Container Element. Fields on this tab are a function of the container type selected under the General tab.

• Element Alignment - Sets Container alignment to Left, Center, Right, or the current default, as shown.
• Width - Displays only if Fixed-width of a specified size is selected for Container Type. Define the width of the Container Element in pixels or as a percentage of browser window.
• Height - Define the height of the container in pixels or as percentage of browser window.
• Legend Text - Displays for Fieldset containers only to label the group of fields.
• Background Image - Identifies the current background image or indicates none exists. Click the Select Image button to display the Image Properties dialog for choosing an existing image or uploading a new image as background for the container area.
• Title - Optionally enter text to display when site visitors mouse over this part of the page. Including this text improves web page accessibility by setting the value for the title attribute of the HTML tag that CommonSpot uses when it inserts the Container Element.