Guest User

Untitled

a guest
Jan 15th, 2019
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.40 KB | None | 0 0
  1. <apex:page lightningStylesheets="true" applyHtmlTag="true" >
  2. <apex:includeLightning />
  3. <apex:slds />
  4.  
  5. <apex:form>
  6. <b>1st Approach</b><br/>
  7.  
  8. <apex:selectRadio layout="PageDirection">
  9. <fieldset class="slds-form-element slds-form-element_compound">
  10. <div class="slds-form-element__control">
  11. <div class="slds-form-element__row">
  12. <div class="slds-size_1-of-2">
  13. <div class="slds-form-element">
  14. <div class="slds-form-element__control">
  15. <apex:selectOption itemValue="1" title="1st Radio button" itemLabel="test1"/>
  16. </div>
  17. <div class="slds-form-element__control">
  18. <apex:selectOption itemValue="2" title="1st Radio button" itemLabel="test2"/>
  19. </div>
  20.  
  21. </div>
  22. </div>
  23. <div class="slds-size_1-of-2">
  24. <div class="slds-form-element">
  25. <div class="slds-form-element__control">
  26. <input type="text" id="input-01" class="slds-input" />
  27. </div>
  28. <div class="slds-form-element__control">
  29. <input type="text" id="input-02" class="slds-input" />
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </fieldset>
  36. </apex:selectRadio>
  37.  
  38. <br/><hr/><br/>
  39.  
  40. <b>2nd Approach</b><br/>
  41.  
  42. <apex:selectRadio layout="PageDirection">
  43. <div class="slds-grid">
  44. <div class="slds-col">
  45. <apex:selectOption itemValue="3" itemLabel="option 3"/>
  46. </div>
  47. <div class="slds-col"><apex:inputText styleClass="slds-input"/></div>
  48. </div>
  49. <div class="slds-grid">
  50. <div class="slds-col">
  51. <apex:selectOption itemValue="4" itemLabel="option 4"/>
  52. </div>
  53. <div class="slds-col"><apex:inputText styleClass="slds-input"/></div>
  54. </div>
  55.  
  56. </apex:selectRadio>
  57. </apex:form>
  58. </apex:page>
Add Comment
Please, Sign In to add comment