Не стал откладывать возможность опробовать Bootstrap для XPages в долгий ящик и применил его для своего приложения "Личный баланс". Итог меня очень вдохновил: приложение отлично изменяет размер и расположение своих элементов в зависимости от разрешения устройства. Один дизайн и код для всего! :) Кое-какие моменты в отображении формы (полей) мне не нравятся, но т.к. решение из коробки, то в целом более чем отлично!
Вот так теперь выглядит приложение при коннекте с телефона:
![]() |
Основной вид |
![]() |
Занесение данных |
Немного о настройках:
1. Используется тема bootstrapv3.2.0, поставляемая в составе последней сборки ExtLib (в доступных есть так же версия bootstrapv2.3.1, при установленном плагине Bootstrap4XPages)
2. Компонент Application Layout построен по конфигурации для Boostrap. Об этой новой возможности упоминал в этом посте.
3. Для корректной работы всех элементов, на закладке Page Generation (в настройках приложения XspProperties), в разделе HTML Generation должно быть выставлено:
- HTML doctype: HTML5
- Включена галка Force content type to application/xhtml+xml
4. Подключены библиотеки (раздел XPages Libraries):
- com.ibm.xsp.extlib.library
- org.openntf.xsp.bootstrap.libarary
4. Подключены библиотеки (раздел XPages Libraries):
- com.ibm.xsp.extlib.library
- org.openntf.xsp.bootstrap.libarary
Комментарии
Отправить комментарий