setSteps

задает массив подсказок для Hint

steps

array

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

Example

webix.ui({
    view: "hint",
    id: "hint",
    steps: []
});
 
$$("hint").setSteps(
    [
        {
            el: ".div1",
            title: "Welcome to Booking App!",
            text: "Click here to check out regular flights",
            event:"click"
        },
        {
            el: ".div2",
            title: "Get Flights Info in a Click!",
            text: "Click here to take a look at all flights info",
            event:"click"
        }  
    ]
);

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

• 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 покажет предыдущую подсказку. Подробнее

Наверх