Label - Field -Label layout

Question

Hello everyone,
JDev 11.1.1.5.0 & 11.1.1.6.0
We want to build a layout where we have a label, the field and then a label again.
Ex: Max Duration <field> years
You have to see this in a form layout, where we have different fields. Some of them have this second label, others don't.
The closes I can get is using a panellabelandmessage tag to include the second label.
          <af:panelLabelAndMessage label="Max Duration" id="plam1" showRequired="true">
            <af:inputText id="it5" required="true" showRequired="false"/>
            <f:facet name="end">
              <af:outputLabel value="years" id="ol1"/>
            </f:facet>
          </af:panelLabelAndMessage>
        </af:panelFormLayout>The problem arise with the required fields. We can set the showRequired attribute of the panellabelandmessage to true and the one of the inputText to false.
But whenever the required property of the inputText is set to true, the required icon is always shown, even if the showRequired is set to false.
This makes that the required icon is shown twice.
How can we hide the required icon from the inputText field?
What are possible solutions for this situation?
Thank you in advance.
Filip Huysmans.

Answer 1

Filip,
the following custom skin entry removes the required icon from all input text labels so they are set on the panelLabelMessage component only
af|inputText::label .AFRequiredIconStyle{display:none}
If you need to have more control, you can add a styleClass property as shown below
<af:panelLabelAndMessage label="Max Duration" id="plam1" showRequired="true">
            <af:inputText id="it5" required="true" showRequired="false" styleClass="noRequiredIcon"/>
            <f:facet name="end">
              <af:outputLabel value="years" id="ol1"/>
            </f:facet>
          </af:panelLabelAndMessage>In which case the following skin only removes this
.noRequiredIcon af|inputText::label .AFRequiredIconStyle{display:none}
If you need this event more dynamic, use EL to set the styleClass value.
Frank
Ps.: The question you may ask is: Why do I need to add the af|inputText::label to the skin if the style class determines the instance? The benefit you get from this is that it is the longets match, which means that if there are other components (non input text) that have similar requirements, you can handle them individually