2016-07-27 3 views
1

Я работаю над проектом JSF Primefaces с темой омега. Внешний вид выпадающих меню selectOneMenu неверен (отсутствует строка).Как получить правильную тему темы для selectOneMenu?

Это выглядит следующим образом:

enter image description here

Он должен выглядеть следующим образом:

enter image description here

Энди идей?

<p:selectOneMenu id="systemRoleMenu" value="#{configuration.systemRole}">   
    <f:selectItems value="#{configuration.systemRoles}"/> 
</p:selectOneMenu> 

web.xml:

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>omega</param-value> 
</context-param> 

pom.xml:

<repository> 
     <id>prime-repo</id> 
     <name>PrimeFaces Maven Repository</name> 
     <url>http://repository.primefaces.org</url> 
     <layout>default</layout> 
    </repository> 
    ..some more... 
    <dependency> 
     <groupId>org.primefaces</groupId> 
     <artifactId>primefaces</artifactId> 
     <version>6.0</version> 
    </dependency> 

    <!-- Primefaces Version 6 Extensions --> 
    <dependency> 
     <groupId>org.primefaces.extensions</groupId> 
     <artifactId>primefaces-extensions</artifactId> 
     <version>6.0.0</version> 
    </dependency> 

    <!-- Primefaces All Themes --> 
    <dependency> 
     <groupId>org.primefaces.themes</groupId> 
     <artifactId>all-themes</artifactId> 
     <version>1.0.10</version> 
    </dependency> 
    ...some more... 

Дополнительная информация: Я уже удалил свой собственный CSS, чтобы проверить, если это проблема. Это не.

+0

Что такое коэффициент масштабирования в браузере? Установлено ли оно «0»? – Kukeltje

+0

Это 0 (100%). Изменение масштаба не влияет на недостающую строку. Это то же самое в разных браузерах. – qecce

+0

Работает ли [витрина] (http://www.primefaces.org/showcase/ui/input/oneMenu.xhtml)? Это для меня в FF. Похоже, шрифты больше на вашей стороне. Может быть, некоторые настройки «минимального шрифта» в браузере? – Kukeltje

ответ

1

Теперь из-за большего количества попыток выяснилось, что проблема с корнем была в том, что я вложил html-документы, используя <ui:include>. При таком подходе таблицы стилей каким-то образом смешивают друг друга.

Добавление <ui:composition> внутри моих включенных xhtml. Таким образом, все, что находится за пределами тега, игнорируется при включении. Таким образом, не было более многократных html-тегов, а стилирование - по разделам. Проблема исчезла.

+0

Пожалуйста, удалите '1', так как это обходной путь, а «2» - это настоящая причина, и html-документы никогда не должны быть вложенными. Однако важное замечание не совсем корректно. Если вы сделаете селектора более конкретными, и по умолчанию PrimeFaces css не содержит каких-либо важных, чем они не нужны. То, что вы в конце концов эффективно сделали, это создать [mcve], и ​​внезапно проблема исчезла. В следующий раз, создание mcve upfront помогает многим в достижении причин. – Kukeltje

+0

Хорошо, я вижу вашу мысль. – qecce