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
1
vote
1answer
5k views

Button that triggers modal

I am using Salesforce Lightning Design system and I'm currently working on a local html file and would like to create a button that when clicked, will cause a modal to open. I'd like to have a similar ...
10
votes
1answer
513 views

Lightning Design SVG Icons showing in Lightning Experience in MS IE but not MS Edge

I am using the Lightning Design System Utility SVG Icons on a Salesforce page. In addition to appearing as expected in Firefox, Safari, and Chrome, I've also done everything necessary (including using ...
2
votes
1answer
183 views

Can lightning component be used in desktop application?

I am developing a lightning component, I am adding it in a lightning app builder and using it, but how can i use the same lightning component in desktop. Also, should i use lightning design system or ...
2
votes
1answer
2k views

Lightning Design System - Large Buttons

We're trying to use the LDS classes to create a very large set of buttons. How can I set a button size to say 150x150? <apex:page > <html xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:...
2
votes
2answers
2k views

Styling of Lightning UI-Component radioButton does not match SLDS Style

i have an issue regarding the styling of Lightning ui:inputRadio. Other components like ui:inputText or ui:inputSelect get rendered with the right styling. Do i need to add additional style classes ...
1
vote
1answer
1k views

Lightning components in Community requires SLDS package?

If I want to develop a lightning component to place within a community and make a list view to look like the it's styled in the lightning style, do I need to use the SLDS package/static resource and ...
0
votes
1answer
634 views

Passing attributes between components

NewBee Lightning, I have a very small requirement of passing values from textbox of firstname field from one component to other component and last name field value from second component to first ...
2
votes
2answers
2k views

How to code 'scoped tabs' in Lightning Design System?

I want to use the 'scoped tabs' component in a demo community on the Napili template. Example of 'scoped tabs' from LDS (Lightning Design System) at https://www.lightningdesignsystem.com/components/...
0
votes
1answer
620 views

Creating static dropdownlist in Lightning

I am new to Lightning and was going through the documentation to create dropdown list . But mostly I am getting examples of Menu which I don't want. My requirement is to create a dropdown with Label =...
3
votes
1answer
1k views

TrailHead Error: Faraday::ResourceNotFound. Message: NOT_FOUND: The requested resource does not exist

I am working TrailHead project related to Lightning connect, as part of the challenge synced external objects into Dev Org and changed one of the field type to external lookup relation. every thing ...
0
votes
1answer
2k views

How to add CSS framework to template using Community Builder?

I have a new community built on the Lightning Napili template. But it seems at a default level, the most current Lightning Design System framework is not loaded on the master template or in the HEAD ...
2
votes
2answers
1k views

Lightning component with SLDS

I try to build a lightning component with SLDS, lightning design system. The component I want is the tabs. So I use the code given by lightning design system, but since it is static i need to use ...
0
votes
2answers
7k views

How to toggle class of one component on the click of a button component?

I have an app like below <aura:application> <c:FGButton class="slds-button slds-button--neutral" label="New Opportunity" svgXlinkHref="/resource/SLDS102/assets/icons/...
4
votes
1answer
1k views

Unable to use SVG in Lightning Components with LockerService activated

I've activated LockerService in my pre-release org, and I'm running into a problem with svg. As currently svg isn't supported by Lightning, I'm using the custom svg component as described in the SLDS ...
0
votes
1answer
780 views

redesign chatter in lightning component

I'd like to put a chatter feed in a lightning component and put this component in a community. I already did that : visualforce page : <apex:page showHeader="false" sidebar="false"> <...
1
vote
0answers
304 views

How can i save the value of selected option in lightning component? I want to insert this particular value in salesforce

How can i save the value of selected option in lightning component. Here is my code: Component: <aura:attribute name="pollQuestionObj" type="LghtCompNS__Poll_Question__c" default="{'sobjectType': ...
0
votes
1answer
1k views

How can i create a radio button dynamically in lightning component from picklist field values in salesforce

I want to save the radio button(lightning component) value in salesforce. I am unable to do so. When i try to select any one of the radio button error says resultCmp.set is not a function. Here is ...
1
vote
0answers
509 views

Replicate the Lightning Experience Sidebar using the SLDS

Is there any documentation, a snippet, or anything that helps replicate the LEX Sidebar styling and functionality using the Lightning Design System? That includes dimensions, colors, collapse/expand ...
2
votes
1answer
2k views

Setting a background color on a custom icon

Based on the documentation, you can set a background color on an SVG icon by appending a class name of the icon container element using the following pattern: .slds-icon-[sprite name]-[icon name] ...
3
votes
1answer
3k views

Lightning Design Multi-select Component on vf page

I have a custom edit vf page with multiple sections. I'm trying to use the multi-select lightning design component on a pageblock section but the page alignment looks weird. The component looks good ...
13
votes
3answers
2k views

Dynamic Component Creation using “force:inputField”

@SkipSauls wrote an amazing article on how to use FieldSets in Lightning Components. Thank you! Link here But it seems like, using this approach, we can only use OOTB aura components (ui:textbox, ui:...
2
votes
1answer
5k views

Simple SVG icon not displaying in IE11

As the title says, I am struggling to make svg icon work in IE11. Here is a simple reproducible version of my problem. App: <aura:application > <c:SVGComponent ariaHidden="true" ...
11
votes
2answers
2k views

Lightning: Get sobject tab icon

Is there a way to get an SObject (Tab) icon (name) to be referenced from the design system resource? I'm building a custom visualforce page that will be displayed using Lightning, so I need to style ...
4
votes
2answers
3k views

Getting original element from onclick?

I am trying to implement an onclick listener that will take the div clicked and get the data-id from the element and call an apex method with it. Here is my code snippet. <aura:iteration var="...
6
votes
2answers
8k views

Date Picker in Visualforce page using Lightning design system

I am trying to use date picker in ligtning design system and and using the idea explained in this link to do it: Lightning (SLDS) styling for calendar This works fine in the browser on the desktop ...
6
votes
2answers
938 views

Sales Path - Issue - Lightning Design System

I am trying to sales path using lightning design system css in a vf page. The issue is - there is additional space coming in between stages in sales path. All i can see in chrome developer tools ...
8
votes
1answer
33k views

How to display modal popup with a form inside a Lightning component

I need to display a modal popup when i click on event in my calendar with editing details of that event, Please any one suggest me the right way to display popup, i would like to call a "Event Click" ...
1
vote
1answer
2k views

Lightning component linking salesforce lightning design system

I'm trying to use the lightning design system into a lightning component so I can use the grid system. My problem is for installing the lighning design system : I went here and downolad the "Design ...
2
votes
1answer
237 views

Why this pattern - Span tags with class enclosing img in Lightning Design System?

I was checking out the new Lightning Design System framework from Salesforce, and noticed there's a pattern of img tags inside of span tags. Reference link - https://www.lightningdesignsystem.com/...
1
vote
1answer
759 views

Lightning force:inputField doesn't render correctly in table

I'm trying to use force:inputField component for lookup fields in a lightning component. But event though lookup field shows up correct, it does not render correct in an html table. My html component ...
5
votes
4answers
5k views

Lightning system datepicker icon not in input box?

Im building a lightning experience app and i have created a ui:inputDate field with displayDatePicker="true" But the date picker always appears outside the input box, or if i get it inside the input ...
0
votes
1answer
1k views

Challenge Error: An external object with the API name Phone__x does not exist or it does not have a field with the API name 'UUID__c'

I am working on a Trail-head challenge "Lightning Connect" where i need to configure a external data source sync the external objects and need to create a Indirect Lookup to User Object. I have ...
12
votes
1answer
3k views

Lightning : Show Stencil When Component Loads

So I see in the docs for SLDS they talk about using "Stencils" while a page loads. I can't find any examples of how they're implemented. Can anyone point me to any docs or samples that use this?
3
votes
1answer
2k views

Lightning Component SVG Not Rendering in Community

Using Community Builder, I have an svg component that's not properly rendering an icon (using SLDS 1.2.2). I've followed the docs exactly as written for the components: my outer-component that I am ...
4
votes
3answers
13k views

visual force apex table code to look like lightning experience?

How do I change my visual force apex table code to look like lightning experience? my VF code is here: <apex:page standardController="Place__c" extensions="AccountsinPlacesExt"> <...
2
votes
2answers
4k views

Does anyone now how to implement a quick and easy date picker?

I have been playing with lightning and I'm surprised how difficult it is to implement a date picker. I dont intent to use this app in Salesforce1, so I need it to work without those solutions. My ...
3
votes
2answers
153 views

Salesforce access check warnings

Suddenly access check warnings have started popping up in my browser's console. This started happening this week only. I have been working on this application for past 2 weeks and I never saw a single ...
1
vote
0answers
46 views

Can we have a tabbed pane at the bottom of the page in a Lightning component?

I am developing a Sales force Lightning Application.I am wondering if we can develop a Tabbed pane at the bottom of a page similar to the image you see at the top. The image has a Tabbed Pane at the ...
1
vote
1answer
1k views

SF lightning design system slds-Tabs rendering issue when switching between 2 lightning component tabs from salesforce custom left navigation Tabs

I am facing an issue with the slds lightning tabs displaying on lightning component.when i switch between tabs on salesforce left navigation with custom objects tab the tabs on landing page of my ...
1
vote
1answer
2k views

Can I upload this SalesforceSans font as a static resource and then call it in a VF page?

I've downloaded the Lightning Design System and I'd like to just upload the SalesforecSans font to my dev org for now, preferably as a static resource. Is this possible? How would I then call this ...
3
votes
1answer
552 views

Radio Button in Lightning Design

I want to use radio buttons in Lightning Design. In my Visualforce page, I am retrieving the options from my controller and doing something like this: <apex:repeat value="{!SiteDetails}" var="rad"&...
1
vote
1answer
627 views

Image is not displaying in lightning component for external users

I tried using below codes, but the image is not appearing for external users <img src="/resource/1450208160000/AccountImage" width="60" height="60"></img`> <img src="/resource/...
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
204 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
667 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
336 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
701 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
691 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
8k 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
1k 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 ...