Back to Website
Show / Hide Table of Contents
  • 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 |функции, выполняемые при переходе на данный шаг, может быть одной функцией или массивом функций |...|onLeave: |string | Array |функции, выполняемые при переходе c данного шага, может быть одной функцией или массивом функций |...|initOnRestore: |boolean - |флаг, указывающий на то, что шаг необходимо активировать при восстановлении редактора. Использовать следует в конфигах, в которых на первом шаге не design-editor, а виджет, влияющий на загружаемый дизайн (например, опция/галерея). |...|panel|mainPanel |toolPanel|rightToolPanel|topPanel|bottomPanel|?||

Panels

Optional- третья Name Type Desctiption
name
width
height
Was this page helpful?
Thanks for your feedback!
Back to top Copyright © 2001–2022 Aurigma, Inc. All rights reserved.
Loading...
    Thank for your vote
    Your opinion is important to us. To provide details, send feedback.
    Send feedback