function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
Kalpesh Vyas 14Kalpesh Vyas 14 

show ui:inputRadio in Horizontal directions.

Hello,

I am seeing that using ui:inputRadio shows it in Vertical direction, is any better way to show them in horizontal direction?
<b>Radio Buttons - Group</b>
<ui:inputRadio aura:id="r0" name="others" label="Prospecting" />
<ui:inputRadio aura:id="r1" name="others" label="Qualification" value="true"/>

I put it them in different div and then only they are horizontal align. Is it correct way?
Best Answer chosen by Kalpesh Vyas 14
Akshay_DhimanAkshay_Dhiman
Hi  KALPESH,
You can use below code to get the desired result .
  
<b>Radio Buttons - Group</b>
   <br/>    
   <span class="slds-checkbox">
       <ui:inputRadio aura:id="r0" name="others" label="" /> Prospecting    &nbsp;&nbsp;
       <ui:inputRadio aura:id="r1" name="others"   label="" value="true"/> Qualification
   </span>


User-added image
You can put the label after or before  from  <ui:inputRadio /> .

From my side the slds class is the best way to do so.
Hope This this will help you .
If this answers your query please mark this question as a solved so that it can be filtered out from unsolved questions.

Regards
Akshay