function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Kalpesh Vyas 14Kalpesh Vyas 14 

show ui:inputRadio in Horizontal directions.


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
You can use below code to get the desired result .
<b>Radio Buttons - Group</b>
   <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

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.