I'm wondering if you could suggest some CSS to fix this issue:
Link to image: https://www.dropbox.com/s/anzdf0h1jhk4e ... t.JPG?dl=0
I would like the text of the lower radio button to line up like it does for the upper radio button. I'm using Harmony 4.0, Primefaces 11.0 RC2 and Java 8. Thank you so much in advance!
Here is the code I'm using:
Code: Select all
<p:repeat var="assessmentQuestionResponse" value="#{assessmentQuestionare.assessmentQuestionResponses}">
<h6><b><h:outputText value="#{assessmentQuestionResponse.assessmentQuestionTemplate.sortOrder + 1}) #{assessmentQuestionResponse.assessmentQuestionTemplate.description}" /></b></h6>
<div class="p-grid" >
<div class="p-col-12">
<p:selectOneRadio id="selectedResponseId" value="#{assessmentQuestionResponse.selectedResponse}" label="#{assessmentResponse.label}" converter="#{assessmentResponseTemplateConverter}"
layout="responsive" columns="3"
style="vertical-align: text-bottom"
rendered="#{memberIntake.isAssessmentEditable(memberIntake.memberAssessment)}">
<f:selectItems id="assessmentResponseTemplateId" value="#{assessmentQuestionResponse.assessmentQuestionTemplate.assessmentResponseTemplates}" var="item" itemValue="#{item}" itemLabel="#{item.label}" />
</p:selectOneRadio>
<h:outputText value="#{assessmentQuestionResponse.selectedResponse.label}" rendered="#{!memberIntake.isAssessmentEditable(memberIntake.memberAssessment)}"/>
</div>
</div>
</p:repeat>
</p:tab>
</p:accordionPanel>
</p:tab>