Stepbar

From Documentation

Stepbar

  • Demonstration:
  • Java API: Stepbar
  • JavaScript API: Stepbar
    • Available for ZK:
    • http://www.zkoss.org/product/zkhttp://www.zkoss.org/whyzk/zkeeVersion ee.png

    Employment/Purpose

    Stepbar is a component for user navigation.

    Example

    <zk xmlns:ca="client/attribute">
      <stepbar linear="false" activeIndex="2">
            <step title="First Step" iconSclass="z-icon-home"/>
            <step title="Second Step" complete="true" />
            <step title="Third Step" error="true" />
        </stepbar>
    </zk>
    

    Properties

    ActiveIndex

    The index of the active step. (Default: 0)

    Linear

    Set whether the steps in this stepbar are displayed by order.

    Model

    The step model associated with this stepbar.

    StepRenderer

    The renderer is used to render each step.

    WrappedLabels

    Set whether the labels in children steps are wrapped. (Default: false)

    Supported Events

    Name
    Event Type
    onChange
    Event: Event

    Represents an event caused by a user's selection changed at the client.

    Supported Children

    * Step
    

    Use Cases

    Version Description Example Location
         

    Version History

    Last Update : 2019/11/13


    Version Date Content
    9.0.0 November, 2019 Stepbar was introduced.



    Last Update : 2019/11/13

    Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.