Questions tagged [lightning-design-system]

Questions related to Lightning CSS Framework called Salesforce Lightning Design System or SLDS for short. Specifically questions on how to use, getting certain features to work, and questions related to any of the suggested code or use cases on the Lightning Design System Website: https://www.lightningdesignsystem.com/ Lightning Experience UI, Lightning Components, Visualforce, and Lightning App Builder are all different but related tags.

Filter by
Sorted by
Tagged with
6
votes
4answers
4k views

svg4everybody for svg support for lightning in IE11

I am facing issue with loading icons in IE11 for Lightning application i have. I went through trailhead and found svg4everybody.js which helps to support svg rendering in IE11. can anyone please, ...
1
vote
1answer
199 views

Lightning Design System - Custom Icon Styling Not Working On My iOS app

As per the LDS guidelines, I did the following pod install and then added the following to my ViewController #import <DesignSystem/DesignSystem.h> UIImage* customIcon = [UIImage ...
0
votes
1answer
639 views

CheckBox n Radio styling in SLDS

Is anyone know applying SLDS styling for Dynamic Radio & Checkboxes(options). I have tried the below code,but no success: https://vishnuvaishnav.wordpress.com/tag/convert-visualforce-radio-...
0
votes
1answer
323 views

Placing Object Icons on the Object-List of an APP in Lightning

Can we attach respective Object Icons to the Object-List of an APP in Lightning Experience?
3
votes
3answers
620 views

Salesforce lightning on / off switch

I'd really like to use on / off toggle switches on my VF / lightning pages rather than a checkbox. Such as these used in the lightning setup pages Are these available to developers as part of the ...
1
vote
1answer
657 views

Trouble with styling tab in lightning component

So, I am working on building my first lightning component! I've had a blast so far, but I am not sure if I'm going about this the right way or not. I am using the scoped example that is on the ...
2
votes
5answers
7k views

Error when I clicked on the preview button in the developer console , for executing the Lightning Application

**Hi I got the below error, when I am trying to preview the Lightning Application. I working on the Expense Tracker App . I have followed all the steps to create the Expense Tracker Application ** ...
0
votes
1answer
995 views

Jquery Bootstrap Modal Appears and Disappears on VisualForce page

The bootstrap modal appears and then disappears when I press on the "Test" button. I've investigated and know that this is due to a jquery conflict but I have no idea where the conflict is. I ...
1
vote
1answer
321 views

Failed to save undefined: The attribute “displayDatePicker” was not found on the COMPONENT markup://ui:inputText: Source

<div class="slds-form-element"> <div class="slds-form-element__control"> <ui:inputText aura:id="grcpno" label="gr cpno" class="slds-input" ...
0
votes
2answers
4k views

Is there a way to create something like apex:pageBlock using Lightning Components

Can someone please give me a sample code which can display list of records using Lightning component? I have tried, but i am unable to work this correct resources. I have gone through many knowledge ...
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+"-"+...
6
votes
3answers
6k views

Lightning ui:inputDate component does not inherit style from design system

So I got this really simple component: <aura:component > <form class="slds-form--inline"> <div class="slds-form-element"> <ui:inputCheckbox label="Cancel"/...
17
votes
3answers
10k views

Can we use the Lightning Design System in Visualforce pages but have the Lightning Experience disabled?

I asked this question to Premier Support but I don't think that they actually know the answer themselves, so am posting here. Is it possible to use the Lightning Design System in Visuaforce pages in ...
1
vote
1answer
321 views

Border not showing for Button Group with hidden Button

I have a Button Group with three buttons in it. However the left most Button is hidden by default and only becomes visible when the center Button is clicked. My problem is that the left border of the ...
8
votes
2answers
1k views

Lightning, what's the preferred way to bind output text? [Best Practise?]

So I'm going through a lot of the Lightning guides, and even through the reference documentation, and I'm coming across a bunch of inconsistencies, and it's either not explained why, or there are ...
1
vote
1answer
2k views

VisualForce Lightning - Proper way to close alert / notification

I have not been able to find much about this so I just wanted to see if anyone knows the proper way to close a lightning notification displayed in regular VF page using the Salesforce Lightning Design ...
3
votes
0answers
188 views

How to make usable deep-links into the Lightning Design System documentation?

Do you know any way to quickly lookup the same documentation for LDS again and again. My habbit is to use deep-links and create collections of the content I need every day. Unfortunately the LDS ...
1
vote
2answers
1k views

Default ScrollBar for Lightning Component no working in devices (iPad,iPhone)

I am not able to get the default scroll bar working for a div inside Lightning Component in devices. The default scroll bar is coming but when I try to scroll it in devices the page is getting ...
1
vote
1answer
1k views

How to retain flex display order using Lightning Design System in a VF page while renderAs=“pdf”

It's been a few weeks since i'm trying to get slds-order-- in Lightning Design System to work with renderAs="pdf" but the order is never maintained. Please find below the sample code. When i preview ...
4
votes
0answers
694 views

Lightning Design System Table Footer

I'm using the Lightning Design System to style an apex:dataTable in Visualforce, and so far, all is well. It looks beautiful, the size is right, the headers show as expected. I'm embedding it in a ...
0
votes
2answers
585 views

Emulating layout of Salesforce1 detail view using Lightning Design System

I'm trying to use SLDS to build a page that allows users to search for products, then see some product details, plus some other info about related records. I'm having some difficulties getting the ...
4
votes
1answer
2k views

Best way to markup the Lightning Design System Input Field

I was going through the documentation for using the Lightning Design System in Visualforce pages and I noticed what seems to be an inconsistency with how they markup the Input fields. In the official ...
3
votes
1answer
2k views

ui:inputCheckbox and lightning design system

I'm trying to apply styles for checkboxes from Lightning Design System in my custom Lightning component. I would like to use <ui:inputCheckbox> standard lightning component, but looks like not ...
2
votes
0answers
189 views

Lightning Design System svg on Console vf page

We have a vforce page with a list of items and actions over it. We are applying lds on the page and found out that if we use buttons with svg icons, when displaying the page in the console, those ...
3
votes
2answers
574 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 ...
2
votes
1answer
2k views

apex:InputField Equivalent in Lightning framework

I am new to Lightning framework. I imported lightning design system files into the visualforce page. Now I wan to use apex:inputfield with lightning design. I don't want to use html tag because I ...
3
votes
0answers
537 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 ...
2
votes
1answer
7k views

Fixed page header in Lightning Design System

I'm using SLDS in a Lightning component, and I'm sure I've read somewhere that the page header can be made to stay fixed whilst the rest of the screen is vertically scrolled. My page header looks ...
4
votes
5answers
4k views

Lightning Design System Tabs not working

I tried doing this but the tabs dont work. When I click to Item Two, it doesn't navigate. What am i missing? <div class="slds-tabs--scoped"> <ul class="slds-tabs--scoped__nav" role="...
3
votes
2answers
995 views

lightning design system lookup component not working

I realize this is a prototype but I can't even make sense of the base example shown here: http://www.lightningdesignsystem.com/components/lookups#overview&role=regular&status=all I assume ...