-
CSS Style for ui:button in Salesforce Lightning Component non rendering
Hi All,
I followed the instructions in the Lightning Components Developer Guide for applying CSS to a ui:button in my Lightning component, but the style isn't showing up.
Here's the button in my component:
<ui:button label="Box Volunteer Folder" press="{!c.navigate}" class="btn" />
Here's the CSS:
.THIS.uibutton.btn {
background-color: #2574a9;
color: #fff;
padding: 10px 20px;
}I've also tried this with no success:
.THIS .uibutton.btn {
background-color: #2574a9;
color: #fff;
padding: 10px 20px;
}Thanks
Log In to reply.
Popular Salesforce Blogs
How to Automate Sewing Machine Inventory Management with Salesforce
Keeping track of stock is crucial in the ever-changing sewing machine repair and retail market. Salesforce's potential for automation means it might help firms save…
Dynamic Forms in Salesforce - Tips and Considerations
Designing user-centred, intuitive page layouts that display the right data at the right moment is the aim of dynamic forms. Over time, fields on data '…
Detailed Guide to Implement Salesforce Multi-Factor Authentication (MFA)
Plan To Implement MFA Configuring Permission Set in Salesforce Login in to your Salesforce account On the setup page, search “Permission Set” Click the “New”…
Popular Salesforce Videos
Which Objects are in the Salesforce Sales Cloud and Service Cloud?
Salesforce comes with a large number of standard objects that are integral to Salesforce, but you can also create custom objects. We’ve compiled a list…
Displaying Field Values with Visualforce | Salesforce Video Tutorial
In this video, Rakesh Soni shows us how to display Field Values with Visualforce. This is a great video for anyone who wants to learn…
Develop a Basic Slack App For Salesforce
Build Slack Apps integrated with Salesforce. Use Heroku to host Slack apps built using Slack Bolt Framework and get connected to Salesforce using Node.js library…