API Reference
Namespaces
Classes
Events
Global
Externals

Namespace: cq-timeline-controls

WebComponents. cq-timeline-controls

Timeline controls web component <cq-timeline-controls>.

Creates the spread selection tooling for the top toolbar of the timeline date selector. The top toolbar contains dropdown menus used to specify the spread plotted by the timeline date selector.

Note: The cq-timeline-controls element is created programmatically as part of CIQ.CrossSection.TimelineDateSelector.

Since:
  • 8.3.0

Example

Default markup.

<cq-timeline-controls>
    <div class="ciq-dropdowns">
        <cq-menu class="ciq-menu">
            <span></span>
            <cq-menu-dropdown></cq-menu-dropdown>
        </cq-menu>
        <div class="ciq-dropdown-divider">minus</div>
        <cq-menu class="ciq-menu">
            <span></span>
            <cq-menu-dropdown></cq-menu-dropdown>
        </cq-menu>
    </div>
    <cq-close></cq-close>
</cq-timeline-controls>