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.