Horizontal Scroll Bar, selectOneMenu - PrimeFaces

Question

Horizontal Scroll Bar, selectOneMenu - PrimeFaces

Navigation

#1 by (0 votes)

0

Hello, I am developing an academic project using JAVA EE, JSF, PrimeFaces, CDI, Hibernete among other technologies ...

The layout is responsive and I'm using PanelGrid to organize the form's comps

The situation is .. selectOneMenu contains very large horizontal texts, larger than the available space for selection wanted a scrollbar, as in the example:

------------------------
|Selecione         | v |
------------------------
|Texto.................|
|Texto.................|
|Texto.................|
|Texto.................|
|Texto.................|
|Texto.................|
________________________
|Barra de Rolagem    <>|
------------------------

I have very little contact with Web development, since it does apanas a few days that I started to develop.

I could not set size for the component because it is in a Responsive grid.

I wish to thank you for your attention!

java java-ee primefaces cdi horizontal

asked by anonymous 07.12.2016 / 12:03

1 answer

Fill table and add rows according to Json result Open photo with information without clicking

score 0 · Accepted Answer

I suggest you run some tests with the CSS of the primefaces. I have achieved some similar results here using the ui-selectonemenu-items and ui-selectonemenu-items classes. For a simple test, add this to your XHTML:

<style>
    .ui-selectonemenu-items {
        width: 100%;
    }
    .ui-selectonemenu-item {
        width: 100%;
    }
</style>

As you said you are a beginner, I suggest you also read link to learn how to test CSS in your own browser .