Semantic UI popover

Я просмотрел весь Semantic UI demos и не смог найти Семантический UI, эквивалентный Bootstrap Popovers. Это всплывающие окна, которые обычно открываются для подключения к ним и могут оставаться открытыми для взаимодействия с пользователем.Semantic UI popover

Если в семантическом пользовательском интерфейсе нет popovers, какой дизайн/элемент люди рекомендуют использовать вместо этого? Основная идея - получить что-то, что работает как кнопка «Добавить новую метрику» in this design.

источник

2014-08-29 Milimetric

Если вы посмотрите на [Примеры поповер] (http://semantic-ui.com/modules/popup.html#/examples) есть триггер-имитированное всплывающее окно. Это работает так же, как и Bootstrap popover. – Aibrean

awesome, спасибо! Я пропустил это, потому что я только посмотрел на вкладку «Определение». Хороший общий совет для просмотра своих документов. – Milimetric

Как Aibrean сказал, что уже есть такая функциональность, см. Модуль Semantic Popup.

<div class="ui button" data-title="Lorem ipsum" data-content="Lorem ipsum dolor sit amet." data-position="right center">Click Me</div> 

<div class="ui button" data-html="<div class='ui secondary vertical pointing menu'><a class='active item' href='#'>Home</a><a class='item' href='#'>Messages</a><a class='item' href='#'>Friends</a></div>">Click here</div>

<script type="text/javascript"> 
$('.button').popup({ 
    on: 'click', 
    closable: false 
}); 
</script>

Здесь работает демо: http://jsfiddle.net/0q42ztp1/

источник

2014-09-07 06:23:50

Semantic UI popover

ответ

Смежные вопросы