Radio Button in VF Page


<apex:selectRadio> command usage in salesforce


Code:
 VF Page:

 <apex:selectRadio value="{!gChoice}">

           <apex:selectOption itemLabel=" Choice1" itemValue="Choice1" /> 

            <apex:selectOption itemLabel="Choice2" itemValue=" Choice2"/>           
 </apex:selectRadio>
Controller: 
public String gChoice { get; set; }
public Order orderTest{Get;set;}

orderTest.Group_Type__c= gChoice ;
Result:

There is an Attribute called "layout" in <apex:selectRadio> button which would allow you radio buttons vertically.
  
Code:
 <apex:selectRadio value="{! gChoice  }" layout="pageDirection">
           <apex:selectOption itemLabel=" Choice1" itemValue="Choice1" /> 
            <apex:selectOption itemLabel="Choice2" itemValue=" Choice2"/>           
 </apex:selectRadio>


Result:


Layout attribute possible values "pageDirection", "lineDirection". 

If not specified, this value defaults to "lineDirection".


If you want to embed space between radio button and text do include the below code in the style.

 input[type=radio] {
                margin-left: 41px;
                margin-right: 7px;

                }

P.S: Comment Below for any Clarification or help!!
Happy working!! :) :) 

Comments

Popular posts from this blog

Embed Special Characters in VF Page

Error: Compile Error: Illegal conversion from String to System.PageReference

Some Common Errors in the Visual flow