Display h:selectOneListbox horizontally

[asimshaikh1]

Hello everyone,

I have menu which displays year and another which displays month (both display vertically).

2000     January

2001     February

2002     March

2003     April

...         ......

But I want its dispaly like 2000   2001   2002   2003  ....and January  February   March April   ....

is this possible with h:selectOneListbox?? .

please help. below is my code

<h:outputText value="Year" style="color: black;"/>

                                                    <br/>

                                                    <h:selectOneListbox    id="yearFilterSelectOneMenu"  value="#{eventMaster.yearFilter}">

                                                        <f:selectItems value="#{eventMaster.yearSelectItemsList}" />

                                                        <f:ajax event="change" render="table eventsrecordcount  dataScrollerPanel searchDateCalendar monthFilterSelectOneMenu yearFilterSelectOneMenu HearingSearchInput" listener="#{eventMaster.searchByMonthAndYear}" />

                                                    </h:selectOneListbox>

[michpetrov]

For one h:selectOneListbox is not a RichFaces component. But no, you cannot do that; the component renders as <select> and you cannot change the layout of it.

[asimshaikh1]

Thank s for the reply, I have changed theh:selectOneListbox  to h:selectOneRadioButton , now it shows horizontal display. working on its css now. tell me if any other way to display.

[asimshaikh1]

Hi Michal,

Is there any way to change this code to work with h:commandbutton. if year 2000 is selected, it will dispaly datatable having records for year 2000 and so on.

[michpetrov]

Sure, why wouldn't it? You just need to set the year value manually, e.g. action="{bean.setYear(2000)}".

[asimshaikh1]

Thank you michal ,

Problem Resolved with CSS and h:selectOneRadio

follow below link and everything will be perfect.

http://viralpatel.net/blogs/css-radio-button-checkbox-background/ .