ICEfaces
  1. ICEfaces
  2. ICE-11310

ace:radioButtons using f:selectItem entries does not line up

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 4.2
    • Fix Version/s: EE-4.2.0.GA
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ace
    • Assignee Priority:
      P2

      Description

      showcase example ajax:-> ajax.Advanced.xhtml
      use the following markup:-
      {code}
               <ace:panel id="ajaxAdvancedSettings" header="Settings" style="width: 100%;">
                      <h:panelGrid width="60%" columns="1" cellpadding="20" cellspacing="20">
      <ace:radioButtons id="radioButton" header="Update values: "
      value="#{ajaxAdvancedBean.event}">
      <ace:ajax render="ajaxAdvancedSlider" />
      <f:selectItem itemLabel="after releasing handle" itemValue="slideEnd" />
      <f:selectItem itemLabel="as the handle is moved" itemValue="slide" />
      </ace:radioButtons>
      <ace:checkboxButton id="updateCelsius" value="#{ajaxAdvancedBean.updateCelsius}"
      label="Update Celsius value: " labelPosition="left">
      <ace:ajax render="ajaxAdvancedSlider" />
      </ace:checkboxButton>
      <ace:checkboxButton id="updateFahrenheit" label="Update Fahrenheit value: "
      labelPosition="left"
      value="#{ajaxAdvancedBean.updateFahrenheit}">
      <f:ajax render="ajaxAdvancedSlider" />
      </ace:checkboxButton>
      <ace:checkboxButton id="updateKelvin" label="Update Kelvin value: "
      labelPosition="left"
      value="#{ajaxAdvancedBean.updateKelvin}">
      <f:ajax render="ajaxAdvancedSlider" />
      </ace:checkboxButton>
      </h:panelGrid>
                  </ace:panel>
      {code}

      see attached screen shot for rendering alignment problem

        Issue Links

          Activity

          Judy Guglielmin created issue -
          Judy Guglielmin made changes -
          Field Original Value New Value
          Attachment ace radioButtons problem.png [ 22538 ]
          Judy Guglielmin made changes -
          Link This issue blocks ICE-11258 [ ICE-11258 ]
          Ken Fyten made changes -
          Assignee Arturo Zambrano [ artzambrano ]
          Fix Version/s EE-4.2.0.GA [ 13071 ]
          Assignee Priority P2 [ 10011 ]
          Hide
          Arturo Zambrano added a comment -

          I don't see what's the issue here. All elements inside the ace:radioButtons div container are set to be center-aligned. We have this CSS definition:

          .ice-ace-radiobuttons {
          	text-align: center;
          }
          

          If anyone wishes to align all the items to the left, then they can easily override that rule with "text-align: left;".

          Show
          Arturo Zambrano added a comment - I don't see what's the issue here. All elements inside the ace:radioButtons div container are set to be center-aligned. We have this CSS definition: .ice-ace-radiobuttons { text-align: center; } If anyone wishes to align all the items to the left, then they can easily override that rule with "text-align: left;".
          Ken Fyten made changes -
          Link This issue depends on ICE-11311 [ ICE-11311 ]
          Hide
          Arturo Zambrano added a comment -

          Indirectly fixed by the ICE-11311 improvement.

          Show
          Arturo Zambrano added a comment - Indirectly fixed by the ICE-11311 improvement.
          Arturo Zambrano made changes -
          Status Open [ 1 ] Resolved [ 5 ]
          Resolution Fixed [ 1 ]
          Ken Fyten made changes -
          Status Resolved [ 5 ] Closed [ 6 ]

            People

            • Assignee:
              Arturo Zambrano
              Reporter:
              Judy Guglielmin
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: