You need to sign in to do that
Don't have an account?
LoneStar69
How to align text under radio buttons
Hello Friends,
This might be very simple but unable to get this done!
I have a series of radio buttons on a vf page like this
I want text to show up below each radio button. Something like this -
Appreciate your help!
This might be very simple but unable to get this done!
I have a series of radio buttons on a vf page like this
I want text to show up below each radio button. Something like this -
Appreciate your help!
<style>
.radioinput input[type="radio"]{float:bottom;}
.radioinput label{display:block;}
</style>
page
<apex:selectRadio value="" styleClass="radioinput">
<apex:selectOptions value="{!items}"/>
</apex:selectRadio><p/>
Thanks
mark it best answer if it helps you :)
All Answers
<style>
.radioinput input[type="radio"]{float:bottom;}
.radioinput label{display:block;}
</style>
page
<apex:selectRadio value="" styleClass="radioinput">
<apex:selectOptions value="{!items}"/>
</apex:selectRadio><p/>
Thanks
mark it best answer if it helps you :)
Apprecaite your quick response, almost there.
Right now it looks like this... can it be tweaked more?
Thanks for your help!
<apex:form >
<b><style>
.radioinput input[type="radio"]{float:bottom;}
.radioinput label{display:block;}
</style></b>
<apex:selectRadio value="{!searchCategory}" styleClass="radioinput" style="width:350px;" layout="lineDirection" id="theRadio" >
<apex:selectOption itemValue="Accepted" itemlabel=" clear" />
<apex:selectOption itemValue="Declined" itemlabel=" not clear"/>
<apex:selectOption itemValue="Very Clear" itemlabel=" Very Clear"/>
</apex:selectRadio>
</apex:form>
</apex:page>
you can give margin on bottom of radio
use thiis
.radioinput input[type="radio"]{float:bottom;margin-top:8px}
adjust it as you want
thanks
mark it best answer if it helps you so it make proper solustion for others :)
Appreciate your response Sujitha.
How can i align text on the top of the radio buttons instead of the bottom?
Appreciate your help!