ChartIQ SDK Documentation Namespace: cq-scroll

Scroll web component <cq-scroll>.

cq-scroll web component creates a scrollable container. This will resize itself when the screen is resized. If perfect-scrollbar is supported then it will be used to replace the native scrollbar

Attributes:

cq-no-claim - Do not apply any keystroke capturing.
cq-no-maximize - Do not automatically maximize the height (but keep it showing on screen)
cq-no-resize - Do not apply any sizing logic.

Use this.dataPortion to dynamically inject items into the list

Since:

6.1.0 added cq-no-claim attribute

Example

<cq-lookup-results>
		 <cq-lookup-filters cq-no-close>
			 <cq-filter class="true">ALL</cq-filter>
			 <cq-filter>STOCKS</cq-filter>
			 <cq-filter>FX</cq-filter>
			 <cq-filter>INDEXES</cq-filter>
			 <cq-filter>FUNDS</cq-filter>
			 <cq-filter>FUTURES</cq-filter>
		 </cq-lookup-filters>
		 <cq-scroll></cq-scroll>

Methods

focused()

Returns the focused element or null. An item is focused if it has attribute cq-focused.

Returns:

The element or null

Type: HTMLElement

scrollToElement(item)

Scroll to the element.

Parameters:

Name	Type	Description
`item`	HtmlElement	The element to scroll to. Must be a child.