Войти

Войти

 

Задание CSS класса для полей. Использование вашего собственного CSS файла.

Если вам недостаточно основных опций для настройки внешнего вида формы или БД, то вы можете загрузить свой CSS файл. Таким образом вы можете получить уникальный внешний вид, который будет ограничен только вашей фантазией

Для любого поля вы можете установить название CSS класса.

Также вы можете использовать встроенные классы, например hidden, two-column, three-column и four-column.

 

Для расположения нескольких полей горизонтально, используйте Конструктор форм.
 

Вы можете дать название класса любому полю и загрузить определение внешнего вида полей в своем CSS файле.

Например, можно изменить определения встроенных классов следующим образом:

.two-column {
clear: none;
float: left;
width: 17% !important;
}

.three-column {
clear: none;
float: left;
width: 13% !important;
}

.four-column {
clear: none;
float: left;
width: 10% !important;
}

Ниже показано, как загрузить свой CSS файл:

  • Перейдите в меню Виджет формы (таблицы) и откройте вкладку Дизайн.
  • Нажмите на кнопку Редактировать тему оформления и выберите из списка пункт CSS файл.
  • Загрузить ваш файл и нажмите Обновить.



С настройкой дизайна таблицы все намного интересней. Так как можно настроить не только внешний вид самой таблицы, но и всех форм на виджете БД,

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

 

Также название CSS полей можно использовать в вашем собственном JavaScript коде, который вы можете загрузить на форму, чтобы добавить свою функциональность.

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

 


Пожалуйста, войдите в QuintaDB чтобы иметь возможность оставлять комментарии
Поделиться обсуждением в социальных сетях: