Stepbar

Stepbar

• Demonstration:
• Java API: Stepbar
• JavaScript API: Stepbar
• Available for ZK:
• 

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.

• Inherited Supported Events: LabelImageElement

Supported Children

* Step

Use Cases

Version	Description	Example Location

Version History

Version	Date	Content
9.0.0	November, 2019	Stepbar was introduced.