В отличие от стандартного HTML-элемента SELECT, библиотека FWC:SmartSelect предоставляет широкие возможности персонализации создаваемых списков.
Теперь вы можете использовать все возможности XHTML и CSS для настройки внешнего вида ваших списков. Вы также можете использовать ваши знания в XSLT для верстки внутренних элементов списка SmartSelect.
1. CSS: Атрибут skin тега fwc:select.
По умолчанию в библиотеке есть три скина - ss_winxp, ss_opera, ss_alx. В случае когда атрибут skin не определен скрипт автоматически определяет браузер и применяет скин.
Обычно применяется скин ss_winxp, скин ss_opera применяется только если браузер пользователя - Opera.
Вы можете вручную задавать один из этих скинов, и тогда он будет применен всегда, вне зависимости от браузера пользователя. Например, в меню документации на этой странице задан скин ss_alx.
Кроме того вы можете сами создать свой скин на основе встроенных, где вы можете задать большинство CSS-определений для HTML-элементов списка.
Скопируйте файл /templates/ss_winxp.css в папку, где находятся xml-файлы (.xml и .css должны находится в одной папке), к которым вы хотите подключить этот скин и переименуйте его, как вам удобно, только не используйте в имени последовательность "ss_". Далее замените внутри него все ссылки на CSS-классы
согласно новому имени файла и примените необходимые вам изменения в CSS-определениях. Теперь вы легко можете подключить вновь созданный скин к любому XML-файлу с вашим списком через атрибут skin,
просто задав в нём имя этого скина (без расширения .css).
2. XHTML.
Вы можете использовать HTML прямо в XML внутри тега fwc:select. Однако соблюдайте некоторые правила:
Вы должны использовать не просто HTML, а корректный XHTML-код, иначе ничего работать не будет!
Вкратце о правилах XHTML здесь.
Любые теги должны находится только внутри тега fwc:select.
При больших списках не рекомендуется вкладывать теги fwc:option внутрь каких-либо других тегов. Это сильно замедляет первичную инициализацию.
Если у вас не выключена функция autofill, то не вкладывайте больше одного тега fwc:option внутрь других тегов, это нарушит работу этой функции.
3. XSL: Атрибут design тега fwc:select.
Если вы опытный пользователь, вы можете использовать свои XSL-файлы для XSLT-вёрстки. Технология аналогична технлогии создания собственных скинов. В качестве основы испльзуйте файл /templates/design.xsl.
4. Атрибуты тегов fwc:option.
Вы также можете задавать собственные атрибуты, например, style, для любых пунктов списка.
Если вы задаёте имена классов через атрибут class их определения должны быть в файле скина, т.к. наиболее высокий приоритет будет иметь именно этот файл.
Будьте аккуратны при задании атрибутов onmouseover и onclick, они перекроют стандартные обработчики!
|
