Questions tagged [slds]

Salesforce Lightning Design System (SLDS) is a collection of design patterns, components, and guidelines for creating unified UI in the Salesforce ecosystem.

Filter by
Sorted by
Tagged with
7
votes
1answer
5k views

Lightning (SLDS) styling for calendar

I have designed a VF page with SLDS, which has a calendar field, how could I replace the current date proportion of the calendar field with some image/icon using SLDS? or any other solutions? Please ...
6
votes
1answer
5k views

SLDS and inputField checkbox

So, the SLDS says that a checkbox must be done like this: <div class="slds-form-element"> <label class="slds-checkbox" for="checkboxSample1"> <input name="checkbox" type="...
3
votes
2answers
3k views

Lightning SVG Icon Component Helper - SVG class not being set

I am quite lame with CSS, but noticed something about this helper. var classname = component.get("v.class"); var containerClassName = [ prefix+"icon__container", prefix+"icon-"+category+"-"+...
1
vote
1answer
1k views

problem in salesforce lightning design system menu after Rerender the panel

i'm using lightning design system in custom visual force page with controller and apex re render, rest of the LDS component working fine after rerender but Menu component lost the styling and taging. ...
7
votes
3answers
5k views

SLDS - Transition Slow - How to fade in

I have tried everything and I cannot get an element to transition slowly using SLDS. The SLDS says: To slowly transition an element from hiding and showing, use the slds-transition-hide and slds-...
11
votes
1answer
1k views

SLDS - Motion - CSS / Implementation listed anywhere?

So I have reviewed the SLDS guide on motion and it is great and all but I could not find anywhere in the documentation the actual CSS to implement the examples they give They show all these Named ...
3
votes
2answers
577 views

Pulling records by parent ID with visualforce SLDS remote objects

I'm trying to pull fields in my custom object by matching it with the parent Id in Visualforce with the new Lightning design. I've done it with Apex but am a little confused with remote objects. I ...
4
votes
1answer
1k views

Disabling standard styles in lightning

I am using lightning design system for a salesforce1 app. I want to make the checkbox and radio button look like same as in the design system. But when I apply the lightning design system css class ...
3
votes
0answers
539 views

Not able to use svgForEveryone for Salesforce Lightning Design System

I'm developing an app for Salesforce1 platform using Lightning Components and the UI framework is Lightning Design System. I'm partially successful implementing the SVG icons in different browsers. ...
1
vote
1answer
5k views

How do I make a SLDS checkbox default to appear checked?

I've built a Salesforce Lightning Design System page with some checkboxes on it. The way SLDS implements checkboxes looks really odd to me. I'd like to make one of those checkboxes to appear checked ...
14
votes
5answers
9k views

Lightning Design System is overridden by styles from app.css

Some of the CSS styles from Lightning Design System is overridden by styles from app.css which is loaded as a part of Salesforce1 app. We are facing some issues with this. Description of Issues: In ...
4
votes
1answer
547 views

Lightning design system for an external application

I am implement an external application that should be embedded into the Visualforce page. The application is based on the HTML and CSS. For the front-end I've choosen a bootstrap. It all works just ...