Is-marker

From Frontal Wiki

Purpose

This style sets this element as a marker of a manager tag or of a managed element.

Value

Either "true" or "false". The default value is "false".

is-marker: true;

Remarks

When is-marker is true, then the element must also have a "mgrId" attribute and optionally "elemNdx" or "hierElemNdx" attributes.

In the case that only "mgrId" is set, the marker will get manager-related events whenever any element is selected.

In the case that "elemNdx" is also set then the marker will only get those events when they relate to the specific element. The marker will also have the hierarchy pseudo classes set to match those of the marked element.

It is possible to have the hierarchy pseudo classes match an element other than the one set with "elemNdx". Use the "hierElemNdx" attribute (either in addition to "elemNdx" or by itself) to mirror these pseudo classes of the specified element.

Markers are used as buttons to quickly access some managed element or as monitors of a 'manager' tag such as a "1 of 10" sort of display on a slide show. See Introduction to the manager tag for more details.

The frMarker, frButtonPrev and frButtonNext style sheet classes defined in The Default Frontal Style Sheet set is-marker to true.

Example

<style><![CDATA[
    #mgr1
        {
            hide-unselected: true;
        }
    .mgrButton:disabled
        {
            display: none;
        }
    .mgrButton
        {
            float: left;
            stop-at-end: true;
        }
]]></style>
<div style="layout: stack;">
    <manager id="mgr1" />
    <text>One</text>
    <text>Two</text>
    <text>Three</text>
</div>
<div>
    <text class="frButtonPrev mgrButton" mgrId="mgr1">previous</text>
    <text class="frButtonNext mgrButton" mgrId="mgr1">next</text>
</div>

Can Be Applied To

This style can be applied to all elements.