Можно воспользоваться виджетом "Код", настройкой "HTML классы" и создать с их помощью свою всплывающую подсказку.
Вот способ настройки, который только что опробовала я:
1. В конструкторе в настройках нужного нам элемента (например кнопки) открываем вкладку "Системные" и вводим значение поля "HTML классы". Я ввела название класса "tooltip".
2. Выносим на шаблон виджет "Код". Вводим туда например следующий код со стилем для введенного ранее класса:
Код:
<style>
.tooltip:hover::after {
content: "Подсказка"; /* Выводим текст */
position: absolute; /* Абсолютное позиционирование */
z-index: 1; /* Отображаем подсказку поверх других элементов */
background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
font-family: Arial, sans-serif; /* Гарнитура шрифта */
font-size: 11px; /* Размер текста подсказки */
padding: 5px 10px; /* Поля */
border: 1px solid #333; /* Параметры рамки */
}
</style>
3. Опубликуем форму в конструкторе. Откроем форму на новой вкладке. При наведении курсора на кнопку, для которой ввели выше класс, появляется подсказка справа.
Стили набросала быстренько, за основу взяла пример из htmlbook: http://htmlbook.ru/blog/vsplyvayushchaya-podskazka-na-css
Можно еще улучшить стили, например, уточнить расположение, чтобы подсказка появлялась в том месте, где нам удобнее. Можно сделать подсказку другого цвета, шрифта и т.д., оформить ее на свой вкус.
