Label on outputtext

[kimg]

I have the following situation:

Code: Select all

<div class="ui-g-12">
           <h:panelGroup styleClass="md-inputfield">
                   <h:outputText value="#{paperSubmissionController.conferenceTitle}" />
                   <label>Present submission in</label>
            </h:panelGroup>
</div>

Problem is that the label does not float over the outputtext value. I think it has to do with the 'md-inputwrapper-filled' style. But i cannot make it work.
It's placed on a form with some other inputtext fields and it works as expected for them. But I'd like to have a certain degree of consistency and it would look wrong with a normal label to the right of the field.

How do i make it do that?

Kim

[mert.sincan]

h:outputText render a "span" element. I don't find a label animation for span tag on material design. Label animations are for input element.

Best Regards,