- 1 minute to read
uid: admin-guide/workflows/steps
Anatomy of Steps
здесь: -таблицу -базовый пример -более продвинуто: как начать не с первого шага, как вызвать действие с перехода на шаг + высота шага и тд
Действия при переходе со страницы на страницу: onActivate - пример
Managing steps
You can manage steps by the following sections.
The showSteps parameter shows or hides navigation panel. Default value: true.
{
"showSteps":true,
"attributes":[],
"vars":[],
"widgets":[],
"steps":[]
}
The showCustomTopPanel parameter hides default navigation panel to customize it in the topPanel. Default value: false.
{
"showCustomTopPanel": true,
"attributes":[],
"vars":[],
"widgets":[],
"steps":[
{
"title": "Step 1",
"name": "Step 1",
"mainPanel": {
"name": "my-widget-name"
},
"topPanel":"???????????????????????????????????????"
},
]
}
The defaultStepparameter defines the first step in workflow by the step title. By default, workflow starts from the fisrt step.
{
"defaultStep":"Step 2"
"attributes":[],
"vars":[],
"widgets":[],
"steps": [
{
"title": "Step 1",
},
{
"title": "Step 2",
},
{
"title": "Final Step",
}
]
}
Let's see steps anatomy.
миним описание шага содержит имя и описание как мин 1 панели порядок шагов такой, каким вы хотите его видеть в воркфлоу
{
"steps": [
{
"name":"my-step-name",
"mainPanel":{
"name":"widget-name",
"heigt": "40%"
}
]
}
Consider some optional and necessary parameters
|Optional|Name|Type - после вставить optional|Desctiption|
|--|--|--|--|
|...|name|string|name of a step|
|...|icon|string|icon for a step, in iconset:icon format, default size 24px|
|...|imageUrl|string|image for a step added by URL|
|...|imageWidth:| string | image width|
|...|imageHeight: |string| image height|
|...|title:| string | title of a step.
|...|description: |string| step description
|...|onActivate: |string | Array
mainPanel |toolPanel|rightToolPanel|topPanel|bottomPanel|?||Panels
Optional- третья
Name
Type
Desctiption
name
width
height