Пошаговые инструкции знакомят с интерфейсом ROBIN Studio Web: проектами роботов, сниппетами, корзиной и редактором. На каждом шаге выделяются нужные элементы и поясняется их назначение.

Для просмотра инструкции не нужно выполнять описанные действия — достаточно переходить между шагами.

Автоматический показ инструкций

Инструкции появляются по ходу работы: при открытии раздела, инструмента или появлении нужного объекта. Например, для инструкции по действиям с личным проектом нужен хотя бы один проект во вкладке «Личные».

Инструкции показываются по очереди, не прерывая друг друга.

Браузер запоминает, какие инструкции вы прошли, и больше не открывает их автоматически. У каждого пользователя своя история прохождения. Инструкции редактора и корзины отображается один раз — в проектах роботов или сниппетах.

Открытие инструкции вручную

Чтобы выбрать инструкцию или повторить уже пройденную:

Откройте страницу Студии, с которой хотите познакомиться.
На верхней панели нажмите кнопку «Посмотреть инструкции» — знак вопроса в круге.
Выберите нужную инструкцию в списке.

В списке находятся инструкции для текущей страницы, в том числе уже пройденные.

Если инструкция недоступна, она отображается серым цветом. Наведите на неё указатель, чтобы узнать, что нужно сделать для её открытия.

При повторном просмотре пройденной инструкции открывается только она.

Просмотр инструкции

Читайте пояснения к выделенным элементам и переходите между шагами с помощью кнопок инструкции.

Кнопка	Действие
Далее →	Переход к следующему шагу.
← Назад	Возврат к предыдущему шагу.
Завершить	Завершение инструкции на последнем шаге.
Понятно	Завершение инструкции из одного шага.

После нажатия «Завершить» или «Понятно» инструкция считается пройденной.

Закрытие инструкции и отключение автоматического показа

Крестик закрывает текущую инструкцию и отмечает её как пройденную, даже если вы просмотрели не все шаги. На показ других инструкций это не влияет.

Чтобы отключить автоматический показ во всех разделах системы, нажмите «Пропустить и больше не показывать инструкции». Все существующие инструкции будут отмечены для вас как пройденные. Их по-прежнему можно открыть вручную.

Обновление страницы не завершает инструкцию: она может появиться снова, если автоматический показ включён.

Новые инструкции после обновления

Красная точка на кнопке «Посмотреть инструкции» и в списке отмечает новые инструкции для текущей страницы. Отметка на кнопке сохраняется, пока вы не пройдёте их все.

Отметка видна и у временно недоступных инструкций.

Если автоматический показ отключён, новые инструкции тоже не открываются сами. Найти и запустить их можно по кнопке «Посмотреть инструкции».

Связанные страницы

ROBIN Studio Web. Описание функциональных возможностей — описание функциональных возможностей веб-Студии.

<script>
  AJS.toInit(function() {
    var toc        = document.querySelector('.toc-float');
    var aside      = toc.closest('.cell.aside');
    var mainHeader = document.getElementById('main-header');
    var auiHeader  = document.querySelector('nav.aui-header');
    var marginTop  = 10; // дополнительный отступ сверху

    // Вставка заголовка, если ещё не вставлен
    function insertHeader() {
      if (!toc.querySelector('.toc-header')) {
        var header = document.createElement('div');
        header.textContent = 'На этой странице:';
        header.className = 'toc-header';
        header.style.fontWeight = 'bold';
        header.style.marginBottom = '10px';
        toc.insertBefore(header, toc.firstChild);
      }
    }

    // Применение inline-стилей
    function applyStyles() {
      insertHeader();

      // Получаем ширину родителя
      var asideRect = aside.getBoundingClientRect();

      // Вычисляем вертикальный отступ
      var offset = 0;
      if (mainHeader) {
        var mhRect = mainHeader.getBoundingClientRect();
        if (mhRect.bottom > 0 && mhRect.top < window.innerHeight) {
          offset = mhRect.bottom;
        }
      }
      if (offset === 0 && auiHeader) {
        var ahRect = auiHeader.getBoundingClientRect();
        offset = ahRect.bottom;
      }
      var topOffset = Math.max(offset + marginTop, asideRect.top);

      Object.assign(toc.style, {
        position:     'fixed',
        top:          topOffset + 'px',
        left:         asideRect.left + 'px',
        width:        asideRect.width + 'px',
        maxHeight:    (window.innerHeight - topOffset - 20) + 'px',
        overflowY:    'auto',
        boxSizing:    'border-box',
        border:       '1px solid #ddd',
        borderRadius: '4px',
        padding:      '15px',
        zIndex:       'auto'
      });
    }

    // Инициалный вызов
    applyStyles();

    // Обновление при скролле, ресайзе окна
    window.addEventListener('scroll', applyStyles);
    window.addEventListener('resize', applyStyles);

    // Наблюдатель за изменением размеров родителя
    if (window.ResizeObserver) {
      new ResizeObserver(applyStyles).observe(aside);
    }
  });
</script>