steps

массив объектов с настройками для каждой подсказки

array steps;

Example

webix.ui({
    view: "hint",
    id: "hint",
    steps: [
        {
            el: ".div1",
            title: "Welcome to Handy HTML!",
            text: "Click here to Begin",
            event:"click"
        },
        {
            el: ".div2",
            title: "Learn Everything!",
            text: "Click here to take a look at all that you can learn",
            event:"click"
        }
    ];
});

Details

В каждом объекте могут быть следующие свойства:

  • el - (string - Webix id без $$ или других querySelector-ов) обязательное свойство, определяет какой элемент приложения будет подсвечен во время показа подсказки. Если свойство eventEl не определено, именно с помощью этого элемента можно будет переключиться на следующую подсказку. Подробнее
  • eventEl - (string) - необязательный параметр, определяет элемент, по взаимодействию с которым (например, по клику) пользователь сможет перейти к следующей подсказке.
  • title - (string|HTMLElement) необязательный параметр, заголовок подсказки
  • text - (string|HTMLElement) необязательный параметр, текст подсказки
  • event - (string) необязательный параметр, название события, по которому пользователь сможет перейти к следующей подсказке: клик по подсвеченному элементу интерфейса или по нажатию на Enter
  • padding - (number) необязательный параметр, паддинг вокруг подсвеченного элемента интерфейса; по умолчанию 0
  • next - (function) необязательный параметр, функция, которая должна вернуть промис; когда этот промис разрешится, Hint покажет следующую подсказку. Подробнее
  • previous - (function) необязательный параметр, функция, которая должна вернуть промис; когда этот промис разрешится, Hint покажет предыдущую подсказку. Подробнее
See also
Наверх