ICEfaces
  1. ICEfaces
  2. ICE-11309

ace:sliderEntry alignment using label attribute not aligned with other ace components

    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
    • Workaround Description:
      can use <h:outputLabel> with components but that defeats the purpose of the label attribute.

      Description

      using showcase example for ajax:-
      ajax.xhtml
      modify markup to use label and labelPosition for input components like the following:-
      {code}
        <ace:panel id="ajaxInput" header="Input" style="width: 100%;">
                      <h:panelGrid width="80%" columns="2" cellpadding="20" cellspacing="20">
      <ace:textEntry id="ajaxText" value="#{ajaxBean.textValue}"
      label="TextEntry:" labelPosition="left">
      <ace:ajax disabled="#{!ajaxBean.ajaxEnabled}" />
      </ace:textEntry>
      <h:outputText id="textEntryOutput" value="#{ajaxBean.textValue}"/>

      <ace:simpleSelectOneMenu id="ajaxSelect" value="#{ajaxBean.selectValue}"
      label="Simple Select Menu:" labelPosition="left">
      <ace:ajax disabled="#{!ajaxBean.ajaxEnabled}" />
      <f:selectItem itemLabel="item1" itemValue="item1" />
      <f:selectItem itemLabel="item2" itemValue="item2" />
      <f:selectItem itemLabel="item3" itemValue="item3" />
      <f:selectItem itemLabel="item4" itemValue="item4" />
      <f:selectItem itemLabel="item5" itemValue="item5" />
      </ace:simpleSelectOneMenu>
      <h:outputText id="menuOutput" value="#{ajaxBean.selectValue}"/>

      <ace:sliderEntry id="ajaxSlider"
      axis="x"
      label="Slider:"
      labelPosition="left"
      clickableRail="true"
      length="300"
      min="0"
      max="100"
      value="#{ajaxBean.sliderValue}">
      <ace:ajax disabled="#{!ajaxBean.ajaxEnabled}" />
      </ace:sliderEntry>
      <h:outputText id="sliderOutput" value="#{ajaxBean.sliderValue}"/>

      <ace:pushButton id="submitButton" value="Submit" rendered="#{!ajaxBean.ajaxEnabled}" />

      <h:outputText value="" />
                      </h:panelGrid>
                  </ace:panel>
      {code}
      the sliderEntry does not align correctly. See attached image.

        Issue Links

          Activity

          Repository Revision Date User Message
          ICEsoft Public SVN Repository #51628 Mon Jun 12 18:45:57 MDT 2017 art.zambrano ICE-11309 fixed alignments and CSS label class names
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/sliderentry/slider.css
          Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/src/org/icefaces/ace/component/sliderentry/SliderEntryRenderer.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #51616 Thu Jun 08 15:21:15 MDT 2017 art.zambrano ICE-11309 fixed label alignment issues in ace:sliderEntry
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/src/org/icefaces/ace/component/sliderentry/SliderEntryRenderer.java

            People

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

              Dates

              • Created:
                Updated:
                Resolved: