LINUX.ORG.RU

Как сделать многооконный интерфейс на бутстрапе?

 , , ,


0

1

Есть сайт на бутстрапе. Нужно реализовать такой интерфейс с модальными окнами чтобы окон могло быть сколько угодно чтобы при закрытии текущего окна можно было вернуться к предыдущему и обновить его содержимое через ajax. Хватит ли на такое стандартного бутстрапа или надорасширение искать? Можно ли сделать jquery ui окна адаптивными?

инструментов и решений сейчас полно, можно либо кастомное решение, либо поискать готовое - бутстрап тут как бы не причем, хотя возня с ним возможна из-за особенности версионности (2,3,4) и миграции.

Что-то сами пробовали искать?

Модальные окна какого типа нужны?

anonymous ()

Бутстрап - это просто вёрстка. А тебе нужен фреймворк для SPA. Хипсторы нынче выберают Angular. А те, что по-умнее - Vue. А нормальные пацаны юзают React и презерают предыдущих.

anonymous ()
Ответ на: комментарий от anonymous

Ну и как тебе vue или angular поможет в создании окон? Там нет ui

gobot ★★★★ ()

В бутстрапе так и есть, новое «окно» перекрывает старое, когда его закрываешь, то переходишь к предыдущему и можно его обновлять. Можно хоть 100 окон открыть.jquery ui окна изначально имеют фиксированный размер, адаптива нет. Нужно шаманить со стилями

gobot ★★★★ ()

Окна - прошлый век. Ща все табами делают. Или динамическими компонентами. Нахера 100500 окон держать открытыми, когда глаз всего 2?

menangen ★★★★★ ()
Последнее исправление: menangen (всего исправлений: 1)
Ответ на: комментарий от magnuz

Адаптивность, это когда «width=device-width, initial-scale=1.0». Всё остальное делается через %, vw/vh и прочие. А, ну да, еще @media.

deep-purple ★★★★★ ()
Последнее исправление: deep-purple (всего исправлений: 1)
Ответ на: комментарий от deep-purple

пока что не решен этот вопрос. но окна будут. сайт ориентирован на смартфоны. возможно хватит бутстрапа если решить проблему стека.

magnuz ()

По всей видимости адаптив нужен в виде бутстрапа для мобильных и настольных устройств, соответственно модальность в виде окон на мобильных сомнительное удобство, да и табы не всегда возможно уместить.

В документации BT практически из коробки адаптивность + примеры - в общем все это возможно программировать через CSS-стили.

Вы хотите адаптивную модальность jq + ui, но там скорее всего «фиксированная» box-модель ...

Может можно обойтись без модальности? Это что там? Oracle?

anonymous ()
Ответ на: комментарий от magnuz

С точки зрения функционала и юзабилити на смартах модалки вполне себе норм.

главное хорошо прицелиться и попасть нажатием на кнопку, причем одну ;)

anonymous ()
Ответ на: комментарий от magnuz

сайт ориентирован на смартфоны.

Многооконность? На них окна можно только на весь экран показывать. Даже не знаю кто в вашей многоножке (заказчик, ux-дезигнер или ты) источник говна.

anonymous ()
Ответ на: комментарий от magnuz

С точки зрения функционала и юзабилити на смартах модалки вполне себе норм.

Попрошу пример.

vvn_black ★★★★★ ()

winapi али какое qt нам религия для многоконности запрещает юзать?

darkenshvein ★★★★★ ()
Ответ на: комментарий от magnuz

Все хорошо пока в модалке нет скрола. Описывать лень, просто попробуй.

Noob_Linux ★★★ ()
Ответ на: комментарий от anonymous

Зачем тебе вообще окна в вебе?

Иногда бывает нужно, например контекстная помощь, справка или даже документация. Или какие-то серьезные пользовательские уведомления, о срочном обновлении и перезапуске сервера, например.

orm-i-auga ★★★★★ ()
Последнее исправление: orm-i-auga (всего исправлений: 1)
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.