Why is my selectOnMenu of the primefaces rendered differently?

Asked

Viewed 149 times

0

Why are my components selectOneMenu primefaces is not fully rendered?

Normal component of the primefaces:

inserir a descrição da imagem aqui

My rendered component :

inserir a descrição da imagem aqui

Screenshot of the problem. How to change prime css?

inserir a descrição da imagem aqui

  • have some css for this select?

  • Rafael I use the bootstrap. There are several settings for the element select, But by inspecting, the page generate the primefaces also matter your css. Another detail. I created a specific class to modify select`, it changes color, font but the arrow is still displayed in half.

  • I got it, it sure has some interfering css, one of the problems I always have is to overwrite the css of the primefaces, it always gives a work. Inspect the select and see if the css of bootstrap is interfering. And post the code if you can so I can try to help you.

  • Rafael I found it. Look in the image. Now, how do I change the css of the primefaces? See that the class is in a div where the element select is inserted.

1 answer

2


On your page where your select:

 <style type="text/css">
     .ui-selectonemenu .ui-selectonemenu-trigger{
         width: 25px !important;
        /* coloque aqui as propriedades do css que deseja mudar com a tag !important */
     }
</style>

This will overwrite the css of the primefaces. Just use the same css classes as the primefaces and change which property you want.

  • Rafael worked.... thank you!

Browser other questions tagged

You are not signed in. Login or sign up in order to post.