You need to sign in to do that
Don't have an account?
Filikin
Lightning radio buttons too subtle
Hi,
using the ui:inputRadio control, I find the difference between selected and not selected far too subtle - all that changes is the colour of the font from a light shade of blue to a darker shade.
Is there a way of changing this?
The one proviso is that I need to use ui:inputRadio - switching to a different control is not an option.
My code so far is:
<fieldset class="slds-form-element">
<div class="slds-form-element__control">
<div class="slds-radio_button-group">
<aura:iteration items="{!v.statuses}" var="statusValue">
<span class="slds-button slds-radio_button">
<ui:inputRadio change="{!c.onStatusRadio}" aura:id="status" name="radio" label="{!statusValue}" labelClass="slds-radio_button__label slds-radio_faux"/>
</span>
</aura:iteration>
</div>
</div>
</fieldset>
using the ui:inputRadio control, I find the difference between selected and not selected far too subtle - all that changes is the colour of the font from a light shade of blue to a darker shade.
Is there a way of changing this?
The one proviso is that I need to use ui:inputRadio - switching to a different control is not an option.
My code so far is:
<fieldset class="slds-form-element">
<div class="slds-form-element__control">
<div class="slds-radio_button-group">
<aura:iteration items="{!v.statuses}" var="statusValue">
<span class="slds-button slds-radio_button">
<ui:inputRadio change="{!c.onStatusRadio}" aura:id="status" name="radio" label="{!statusValue}" labelClass="slds-radio_button__label slds-radio_faux"/>
</span>
</aura:iteration>
</div>
</div>
</fieldset>
for Example
Thanks
Pramodh
All Answers
for Example
Thanks
Pramodh
This time I gave up and used input type="radio"
<aura:iteration items="{!v.statuses}" var="statusValue">
<span class="slds-button slds-radio_button">
<input name="{!v.itemCheck.Time_to_display_on_phone__c + v.itemCheck.Area_Item__r.Name}" id="{!v.itemCheck.Id + statusValue}" type="radio" onchange="{!c.onStatusRadio}" data-optname="{!statusValue}"/>
<label class="slds-radio_button__label" for="{!v.itemCheck.Id + statusValue}">
<span class="slds-radio_faux">{!statusValue}</span>
</label>
</span>
</aura:iteration>