4 Replies Latest reply on Sep 15, 2009 1:42 AM by k_krish_rao

    place multiple components in the same rich:column

    k_krish_rao

      I want to place three components within the same column in a rich:column
      as follows

      <rich:column>
       <h:inputText disabled="true" value="#{weeklyCalendar.startTime}" size="5"/>
       <rich:comboBox value="#{weeklyCalendar.startTimeHour}" suggestionValues="#{weeklyCalendar.possibleHours}" enableManualInput="false" immediate="true">
       <a4j:support event="onchange" actionListener="#{Business_BusinessCalendarBean.startTimeChanged}" ajaxSingle="true" />
       <a4j:support event="onselect" actionListener="#{Business_BusinessCalendarBean.startTimeChanged}" ajaxSingle="true" />
       </rich:comboBox>
      
       <rich:comboBox value="#{weeklyCalendar.startTimeMin}" suggestionValues="#{weeklyCalendar.possibleMins}" enableManualInput="false" immediate="true">
       <a4j:support event="onchange" actionListener="#{Business_BusinessCalendarBean.startTimeChanged}" ajaxSingle="true" />
       <a4j:support event="onselect" actionListener="#{Business_BusinessCalendarBean.startTimeChanged}" ajaxSingle="true" />
       </rich:comboBox>
      </rich:column>


      but when the UI is rendered , the inputtext and the two comboboxes appear one below the other.
      I want them to appear in one line next to each other.
      Is there is attribute in the rich:column that must be set to do this

        • 1. Re: place multiple components in the same rich:column

          try using h:panelGroup

          • 2. Re: place multiple components in the same rich:column
            k_krish_rao

            I tried the following, but i still get the inputText and the two comboBox in separate rows

            <rich:dataTable value="#{calendarBean.weeklyCalendars}" var="weeklyCalendar" width="100%">
             <rich:column>
             <h:panelGroup>
             <h:outputText value="#{weeklyCalendar.weekName}"/>
             <rich:comboBox value="#{weeklyCalendar.startTimeHour}" suggestionValues="#{weeklyCalendar.possibleHours}" enableManualInput="false" immediate="true">
             <a4j:support event="onchange" actionListener="#{calendarBean.startHourChanged}" ajaxSingle="true" />
             <a4j:support event="onselect" actionListener="#{Debug_WorkflowDebuggerBean.startHourChanged}" ajaxSingle="true" />
             </rich:comboBox>
             <rich:comboBox value="#{weeklyCalendar.startTimeMin}" suggestionValues="#{weeklyCalendar.possibleMins}" enableManualInput="false" immediate="true">
             <a4j:support event="onchange" actionListener="#{calendarBean.startMinChanged}" ajaxSingle="true" />
             <a4j:support event="onselect" actionListener="#{Debug_WorkflowDebuggerBean.startMinChanged}" ajaxSingle="true" />
             </rich:comboBox>
             </h:panelGroup>
             </rich:column>
             <rich:column>
             <h:panelGroup>
             <h:inputText disabled="true" value="#{weeklyCalendar.endTime}" size="5"/>
             <rich:comboBox value="#{weeklyCalendar.endTimeHour}" suggestionValues="#{weeklyCalendar.possibleHours}" enableManualInput="false" immediate="true">
             <a4j:support event="onchange" actionListener="#{calendarBean.endHourChanged}" ajaxSingle="true" />
             <a4j:support event="onselect" actionListener="#{Debug_WorkflowDebuggerBean.endHourChanged}" ajaxSingle="true" />
             </rich:comboBox>
             <rich:comboBox value="#{weeklyCalendar.endTimeMin}" suggestionValues="#{weeklyCalendar.possibleMins}" enableManualInput="false" immediate="true">
             <a4j:support event="onchange" actionListener="#{calendarBean.endMinChanged}" ajaxSingle="true" />
             <a4j:support event="onselect" actionListener="#{Debug_WorkflowDebuggerBean.endMinChanged}" ajaxSingle="true" />
             </rich:comboBox>
             <h:panelGroup>
             </rich:column>
             <rich:column>
             <h:selectBooleanCheckbox value="#{weeklyCalendar.weeklyHoliday}"/>
             <h:outputText value="Weekly Holiday"/>
             </rich:column>
            </rich:dataTable>


            • 3. Re: place multiple components in the same rich:column
              nbelaevski

              Hi,

              Use h:panelGrid.

              • 4. Re: place multiple components in the same rich:column
                k_krish_rao

                Hi,

                Thanks a lot for the suggestion
                Placed the components within a panelGrid and kit worked