如何设置selectBooleanRadio元素使其标签在左侧?

时间:2016-01-14 13:01:53

标签: css jsf trinidad

根据https://myfaces.apache.org/trinidad/skin-selectors.html#MiscSelectors, 我试过通过styleClass属性来做到这一点。

我已经尝试将af | selectBooleanRadio :: content和af | selectBooleanRadio :: label设置为向左和向右,通过float和text-align,简单设置为false或true - 没有任何帮助。

这是HTML:

 <!--Start: org.apache.myfaces.trinidad.SelectBoolean["timeIntervalRadio_referenceConfirmation_radio"]-->
 <span class="{text-align:left} af_selectBooleanRadio" id="timeIntervalRadio_referenceConfirmation_radio__xc_r">
 <span class="af_selectBooleanRadio_content">
 <input id="timeIntervalRadio_referenceConfirmation_radio" title="Reference Confirmation" name="timeIntervalRadio" type="radio" value="timeIntervalRadio_referenceConfirmation_radio">
 <label for="timeIntervalRadio_referenceConfirmation_radio">
 <!--Start: org.apache.myfaces.trinidad.SelectBoolean["timeIntervalRadio_referenceConfirmation_radio"]-->
 Confirmation reference
 </label>
 </span>

这是selectBooleanRadio调用:

       <c:set var="styleClass" value="{text-align:left}"/>
       <tr:selectBooleanRadio
              group="#{groupId}"
              id="#{radioId}"
              shortDesc="#{ib:fn_coalesce(title,label)}"
              simple="#{ib:fn_coalesce(simple,true)}"
              text="#{radioText}"
              styleClass="#{ib:fn_coalesce(styleClass,'selectTimeIntervalRadio')}"/>

1 个答案:

答案 0 :(得分:0)

这似乎是特立尼达的一个错误。您希望在label属性(正在开发)中使用af_selectBooleanRadio_label呈现class,就像周围af_selectBooleanRadio_content中使用span一样。< / p>

您可以通过在皮肤中使用以下规则来解决此问题:

af|selectBooleanRadio::content label { float: right; }

(在开发中)这将在CSS中结束如下:

.af_selectBooleanRadio_content label { float: right; }