Horizontal Scroll Bar, selectOneMenu - Primefaces

Asked

Viewed 226 times

0

Good Morning, 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 componeres

The situation is. selectOneMenu contains very large horizontal texts, larger than the available space for selection wanted a scroll bar, 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 makes apanas a few days I started to develop.

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

Thank you for your attention!

java primefaces java-ee cdi horizontal

1 answer

1


I suggest you run some tests with the primefaces CSS. I got some similar results here using the classes ui-selectonemenu-items and ui-selectonemenu-items. 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 also take a look at http://johnylab.net/? id=119 to learn how to test CSS in your own browser.

Browser other questions tagged java primefaces java-ee cdi horizontal

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