Hear is my code,
<div class="slds-form-element-control">
<apex:selectCheckboxes layout="pageDirection" rendered="{!q.renderSelectCheckboxes}">
<apex:selectOptions value="{!q.multiOptions}"/>
</apex:selectCheckboxes>
</div>
<div class="slds-form-element-control">
<apex:inputTextArea rendered="{!q.renderFreeText}" styleClass="slds-textarea"/>
</div>
<div class="slds-form-element-control">
<apex:selectRadio rendered="{!q.renderSelectRow}">
<apex:selectOptions value="{!q.rowOptions}"/>
</apex:selectRadio>
</div>
Help me to resolve this issue..
Thank You in advance.Lokesh RadeHi Lokesh, Below is the code forCheck box and Radio Button code with SLDS in VisualForce Page.
VisualForce Page :
Screenshot :<apex:page standardController="Account">
<apex:form>
<div class="slds-form-element slds-align--absolute-center">
<label class="slds-checkbox">
<apex:inputCheckbox styleClass="slds-input" value="{!Account.Trainned_Contact__c}"/>
<span class="slds-checkbox--faux"></span>
<span class="slds-form-element__label">Checkbox Label</span>
</label>
</div> <br/>
<fieldset class="slds-form-element">
<legend class="slds-form-element__legend slds-form-element__label">Radio Group Label</legend>
<div class="slds-form-element__control">
<div class="slds-radio--button-group">
<span class="slds-button slds-radio--button">
<input type="radio" name="radio" id="monday"/>
<label class="slds-radio--button__label" for="monday">
<span class="slds-radio--faux">Mon</span>
</label>
</span>
<span class="slds-button slds-radio--button">
<input type="radio" name="radio" id="tuesday"/>
<label class="slds-radio--button__label" for="tuesday">
<span class="slds-radio--faux">Tue</span>
</label>
</span>
<span class="slds-button slds-radio--button">
<input type="radio" name="radio" id="wednesday"/>
<label class="slds-radio--button__label" for="wednesday">
<span class="slds-radio--faux">Wed</span>
</label>
</span>
<span class="slds-button slds-radio--button">
<input type="radio" name="radio" id="thursday"/>
<label class="slds-radio--button__label" for="thursday">
<span class="slds-radio--faux">thu</span>
</label>
</span>
<span class="slds-button slds-radio--button">
<input type="radio" name="radio" id="friday"/>
<label class="slds-radio--button__label" for="friday">
<span class="slds-radio--faux">fr</span>
</label>
</span>
</div>
</div>
</fieldset>
</apex:form>
</apex:page>
Hope it Helps you. Please mark this as solved so that it gets removed from the unanswered queue which results in helping others who are encountering a similar issue.
Regards ,
Suraj
