GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

[RESOLVIDO]CSS/PRIMEFACES SelectOneMenu width

css
primefaces
jsf
Tags: #<Tag:0x00007fb3e5e0cdd8> #<Tag:0x00007fb3e5e09d68> #<Tag:0x00007fb3e5e06c58>

#1

Olá pessoal !
Me encontro em um problema com o tamanho do selectOneMenu, onde por css coloco o tamanho dele que funciona até o momento do @PostConstruct que carrega minha lista de bancos e o selectO resolve então se auto redimensionar… A intenção é o panel dele ficar maior que o mesmo… Alguém já passou por esse problema ? me parece que se eu conseguisse carregar a lista no select durante a construção talvez ele n ignore o css.


Veja, sem conteudo ele obedece o css… já com o conteúdo ele não obedece, essa transição de tamanho da pra se notar a olho enquanto a pagina carrega.

.ui-selectonemenu-panel {
	width: 500px !important;
}

.menu .ui-selectonemenu {
	width: 300px !important;
	max-width: 300px !important;
}

.menu .ui-selectonemenu-items-wrapper {
	width: 300px !important;
	max-width: 300px !important;
}

.menu .ui-selectonemenu-label {
	max-width: 300px !important;
	width: 300px !important;
}

.ui-selectonemenu {
	max-width: 300px !important;
	width: 300px !important;
} 

Esse é o código css, vejam que eu já tentei algumas possibilidades de classes até descobrir que ele tava se redimensionando após o construct da tela…

Objetivo: Ter um selectOne pequeno, com o seu panel expandindo para visualização do conteúdo sem utilizar de substrings para diminuir tamanho dos textos…

Agradeço desde já a ajuda…
PS: Sou iniciante em css, era mais focado em back-end java


#2

Bom… enquanto esperava pela resposta acabei descobrindo o autoWidth=“false” na propria tag do primefaces ou seja sem utitlizar o css…
Fica então a dica para aqueles que passarem pelo mesmo.


#3

Vlw! Estava me matando com isso tb! :slight_smile: