Skip to main content
Formatting
Source Link
nbrown
  • 4.1k
  • 2
  • 22
  • 46

Under Ligntning Builder CSS

enter image description here

/*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}
/*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike

<lightning-radio-group name="radioGroup"
                       label="Sort By"
                       options={sortBySelectionValues}
                       value={value}
                       class="radio-combo-inline"
                       type="radio"></lightning-radio-group>
<lightning-radio-group name="radioGroup"
                       label="Sort By"
                       options={sortBySelectionValues}
                       value={value}
                       class="radio-combo-inline"
                       type="radio"></lightning-radio-group>

Under Ligntning Builder CSS

enter image description here

/*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike

<lightning-radio-group name="radioGroup"
                       label="Sort By"
                       options={sortBySelectionValues}
                       value={value}
                       class="radio-combo-inline"
                       type="radio"></lightning-radio-group>

Under Ligntning Builder CSS

enter image description here

/*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike

<lightning-radio-group name="radioGroup"
                       label="Sort By"
                       options={sortBySelectionValues}
                       value={value}
                       class="radio-combo-inline"
                       type="radio"></lightning-radio-group>

Under Ligntning Builder CSS   

enter image description here

 /*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike 

Add Above And Final use in HTML be looklike

<lightning-radio-group name="radioGroup"
                                        label="Sort By"
                                        options={sortBySelectionValues}
                                        value={value}
                                        class="radio-combo-inline"
                                        type="radio"></lightning-radio-group>

Under Ligntning Builder CSS  enter image description here

 /*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike 
<lightning-radio-group name="radioGroup"
                                        label="Sort By"
                                        options={sortBySelectionValues}
                                        value={value}
                                        class="radio-combo-inline"
                                        type="radio"></lightning-radio-group>

Under Ligntning Builder CSS 

enter image description here

/*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike

<lightning-radio-group name="radioGroup"
                       label="Sort By"
                       options={sortBySelectionValues}
                       value={value}
                       class="radio-combo-inline"
                       type="radio"></lightning-radio-group>
added 10 characters in body
Source Link

Under Ligntning Builder CSS enter image description here

 /*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike 
<lightning-radio-group name="radioGroup"
                                        label="Sort By"
                                        options={sortBySelectionValues}
                                        value={value}
                                        class="radio-combo-inline"
                                        type="radio"></lightning-radio-group>

Under Ligntning Builder CSS enter image description here

 /*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

And Final use in HTML be looklike 
<lightning-radio-group name="radioGroup"
                                        label="Sort By"
                                        options={sortBySelectionValues}
                                        value={value}
                                        class="radio-combo-inline"
                                        type="radio"></lightning-radio-group>

Under Ligntning Builder CSS enter image description here

 /*Inline Radio Buttons*/
.radio-combo-inline .slds-form-element__control .slds-radio
{
    display: inline-block !important;
}

Add Above And Final use in HTML be looklike 
<lightning-radio-group name="radioGroup"
                                        label="Sort By"
                                        options={sortBySelectionValues}
                                        value={value}
                                        class="radio-combo-inline"
                                        type="radio"></lightning-radio-group>
added 44 characters in body
Source Link
Loading
Source Link
Loading