Namespace: cq-cvp-controller

WebComponents. cq-cvp-controller

Simple web component that allows data binding to arbitrary properties of CIQ.ChartEngine.currentVectorParameters. Ideal for use as a drawing toolbar extension.

Example

<cq-cvp-controller cq-section cq-cvp-header="1">
	<div cq-section>
		<div class="ciq-heading">Dev 1</div>
		<span stxtap="toggleActive()" class="ciq-checkbox">
			<span></span>
		</span>
	</div>
	<cq-line-color cq-section class="ciq-color" stxbind="getColor()" stxtap="pickColor()">
		<span></span>
	</cq-line-color>
	<cq-line-style cq-section>
		<cq-menu class="ciq-select">
			<span cq-cvp-line-style class="ciq-line ciq-selected"></span>
			<cq-menu-dropdown class="ciq-line-style-menu">
				<cq-item stxtap="setStyle(1, 'solid')">
					<span class="ciq-line-style-option ciq-solid-1"></span>
				</cq-item>
				<cq-item stxtap="setStyle(3, 'solid')">
					<span class="ciq-line-style-option ciq-solid-3"></span>
				</cq-item>
				<cq-item stxtap="setStyle(5, 'solid')">
					<span class="ciq-line-style-option ciq-solid-5"></span>
				</cq-item>
				<cq-item stxtap="setStyle(1, 'dotted')">
					<span class="ciq-line-style-option ciq-dotted-1"></span>
				</cq-item>
				<cq-item stxtap="setStyle(3, 'dotted')">
					<span class="ciq-line-style-option ciq-dotted-3"></span>
				</cq-item>
				<cq-item stxtap="setStyle(5, 'dotted')">
					<span class="ciq-line-style-option ciq-dotted-5"></span>
				</cq-item>
				<cq-item stxtap="setStyle(1, 'dashed')">
					<span class="ciq-line-style-option ciq-dashed-1"></span>
				</cq-item>
				<cq-item stxtap="setStyle(3, 'dashed')">
					<span class="ciq-line-style-option ciq-dashed-3"></span>
				</cq-item>
				<cq-item stxtap="setStyle(5, 'dashed')">
					<span class="ciq-line-style-option ciq-dashed-5"></span>
				</cq-item>
			</cq-menu-dropdown>
		</cq-menu>
	</cq-line-style>
</cq-cvp-controller>