Панели показа подсказок (для базовых инструкций по странице)

С помощью класса as-oneShow можно задать панели, которые пользователю будут выводиться 1 раз (либо показываются, пока их не закроют крестиком). 

Подобные панели можно использовать для ознакомления с интерфейсом страницы (т.е. просто кратко описать, что находится на странице).

При первом показе устанавливается ключ в localStorage (в браузере) и при последующих обновлениях панель не будет показываться (будет скрыта). 

Для этого необходимо добавить подобную разметку: 

<div class="as-oneShow alert alert-info alert-dismissible" data-code="2x1">X1
     <a href="#" class="close" data-dismiss="alert"><i class="fa fa-times"></i></a>
</div>
<div class="as-oneShow alert alert-info alert-dismissible" data-code="2x2">X2
       <a href="#" class="close" data-dismiss="alert"><i class="fa fa-times"></i></a>
</div>
  • data-code - определяет ключ для localStorage
  • as-oneShow-hideOnClick  - если задан такой класс у панели, то она будет показываться пользователю пока он не нажмет кнопу Закрыть (с классом close).

В примере также приведена кнопка для закрытия alert окошка. 

SQL Функция для удобстав вставки подсказок по сайту - функция help_show - https://pastebin.com/QB5fRLYA

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK