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
2
votes
1answer
70 views

Regarding Lightning Communities [closed]

We are looking at an implementation where the client wants us to build salesforce communities for clients(customer communities). Client wants us to support IE9 and higher for browsers. from SLDS FAQ ...
3
votes
0answers
712 views

SVG icon disappears after rerendering - why?

This is the why part of this question: Lightning design system - SVG disappears after rerender The below code should be able to get reproduced in every org. VF page: <apex:page controller="...
2
votes
2answers
2k views

How to assign dynamic Ids for ui:inputDate element inside aura:iteration?

As title says, How do I assign dynamic Ids for ui:inputDate elements inside aura:iteration? Here is the reproducible version of the problem I am facing: HelloWorldApp.app <aura:application > ...
0
votes
0answers
1k views

Uncaught TypeError: Cannot read property 'addEventListener' of null

I am creating a VF page using Salesforce Lightning Design. When i am implementing Datepicker i get this error on console every time click on the input box Uncaught TypeError: Cannot read property '...
1
vote
1answer
131 views

Lightning design system how to find scoping class of static resource

So... going through the trailheads, last month, I've already created the static resource of the SLDS. However in a new trailhead I'm back to the design system. In this I'm required to update the '...
0
votes
0answers
216 views

Styles not coming up perfectly on dependent picklists used as input-fields

I am creating a visualforce page using lightning design system style classes.The issue which I am facing is that I am using styleClass attribute in my two picklists shown using These picklists are ...
2
votes
1answer
4k views

How to fix lightning:input from overlapping with element next to it when editing?

Here is the reproducible version of the problem I am facing: ExampleComponent.cmp <aura:component> <ltng:require styles="/resource/SLDS212/assets/styles/salesforce-lightning-design-...
1
vote
1answer
935 views

SVG Icon not displaying in IE11

SVG icon is not displaying in IE 11 but working in other browsers. I tried to set absolute path for svg but still not working. Updated with below code but still not working. <apex:includeScript ...
12
votes
1answer
4k views

How do you build inline edit behavior when coding a lightning component?

How do you do this in code? With Visualforce, I had used apex:inlineEditSupport and I was wondering if there was the equivalent when building with lightning. Are there some out of the box components ...
2
votes
2answers
352 views

Appyphony lightning JS not showing slds icons correctly

I am using Appyphony Lightning JS to create lookup relationship field for me. Everything else was working pretty well. But the slds icons are not displaying well. I am constantly getting the below ...
2
votes
0answers
225 views

Visualforce apex:inputField and apex:detail with SLDS: on the roadmap or workaround?

Long waiting, but seems still no support for apex:inputField and apex:detail in SLDS. https://www.lightningdesignsystem.com/platforms/visualforce/ Does anyone know if that's on the roadmap or any ...
2
votes
1answer
25k views

Align SLDS buttons to right [closed]

I am trying to create a file explorer system, wherein all the folders are iterated and created. I have two buttons beside every folder I need to move those two buttons to complete right. I tried with '...
1
vote
2answers
248 views

What does “brand” mean in SLDS and when is it appropriate to use slds-button--brand buttons?

SLDS (Salesforce Lightning Design System) buttons have several styling options options including the brand (blue) option. From a cursory look at Lightning Experience, the "Save" button is normally ...
0
votes
2answers
126 views

Why using SLDS version 2.x updated standard visualforce layout even without “slds” wrapper container element?

I'm trying to sue the latest SLDS version 2.1.4 in a Visualforce page, but just including the Static Resource makes whole interface look very different even without including the wrapping "slds" class ...
0
votes
1answer
681 views

Lighning pager component

I'm looking for a pager component for lightning, at least a graphical one like all css frameworks offer : http://getbootstrap.com/components/#pagination-pager I did not find it anywhere, is anyone ...
13
votes
2answers
15k views

SLDS - How to position a spinner on a Lightning component

In my custom Lightning component I can't work out how to apply the proper SLDS classes to my component. <aura:component controller="..."> <div aura:id="uploadCard" class="slds-card__header"...
1
vote
1answer
1k views

Convert apex:selectCheckboxes into slds style

Say I am having the below code: <apex:selectCheckboxes value="{!SelectedLists}" styleClass="convertToLSD" layout="pageDirection"> <apex:selectOptions value="{!...
2
votes
1answer
2k views

Convert apex:inputField of lookup relationship into slds

The slds page: https://www.lightningdesignsystem.com/components/lookups/#flavor-single-active has the examples of doing a perfect lookup input. The sample code of typeahead is this: <div class="...
12
votes
3answers
10k views

How to convert a Visualforce apex:pageMessages to be lightning style

During my working on converting existing pages to be lightning experience style (as known as slds style). One of the challenges I have faced is to convert <apex:pageMessages/> . Usually the ...
7
votes
1answer
11k views

Lightning client side sorting

component.set("v.Accounts", Accounts); has the accounts that I need. <th scope="col"> <div class="slds-truncate" title="Opportunity Name" onclick"{!sortbyOpportunityNAme}">...
1
vote
1answer
2k views

Making a Generic Lightning Modal Component

I have an lightning application in which I am eventually going to have multiple modal popups being fired from various location in the app. I want to make a generic modal component that will serve as ...
1
vote
1answer
906 views

Anybody Implemented pagination using SLDS

I have to implement pagination by using SLDS. I didn't able find any example of pagination. Please provide example?
2
votes
1answer
2k views

slds for output form

What I need to achieve is something like the below image got from standard contact detail in LEX: I have searched through the slds document but didn't find much things related to those output fields....
6
votes
1answer
433 views

Anybody using SLDS Design Tokens in conjunction with React?

The Salesforce Lightning Design System offers a set of Design Tokens that are described as the "visual design atoms of the design system". The Lightning Component framework easily allows you to pull ...
6
votes
1answer
4k views

Difference between lightning:button & ui:button

I was going through the SLDS document and couldn't understand the difference between various UI components provided by SLDS vs Lightning components. For instance, <ui:button> & <...
3
votes
2answers
1k views

How to set up the default value for checkbox in slds

I am not talking about <ui:inputCheckBox>. Suppose I am using slds in VF page and below is the sample code: <div class="slds-form-element"> <div class="slds-form-...
0
votes
1answer
159 views

Why should we have version number in slds static resource

Salesforce has suggested we add the version number of slds into the static resource .zip file name. So when we use it in our page, it would be something like: <apex:stylesheet value="{!URLFOR($...
5
votes
1answer
436 views

Using SLDS icons in inline VisualForce page within managed package fails due to 302 redirect

I am currently creating a managed package and am running into a problem which I think others will or have also faced while deploying a package using lightning components which are optionally wrapped ...
11
votes
4answers
24k views

Lightning : Icon color is not changing using the fill CSS

According to the documentation (https://www.lightningdesignsystem.com/components/icons/ ) we can change the icon color by suing the CSS. I am not able to do it. It always overrides with the Salesforce ...
0
votes
0answers
232 views

Value on <apex:input> updating on one field but not on the other

I have a visualforce page with a modal, in SLDS, with 2 tables in it and some fields from a custom object object. What's happening is that i can update the values on the first row of each table, and ...
1
vote
0answers
111 views

Salesforce Lightning Design System minified css file inconsistent between managed and unmanaged packages

I am using the minified 2.1.3 version of the SLDS css file in a package I am working on. I am noticing inconsistencies, mainly with the calc() function, in the css file between my dev org and when I ...
2
votes
4answers
2k views

DateTime Picker using SLDS

I want to display a Datetime picker using Lightning Design System. So far, I am just able to display Date picker using SLDS and Appiphony Lightning JS. More details : Date picker using Appiphony ...
2
votes
1answer
490 views

No Data showing in my data table. SLDS Visualforce

I am creating a page through Visualforce and the Lightning design system, and my data is not showing up, neither is the table itself. I have the header as it is built into the Product List Table ...
7
votes
2answers
1k views

Lookup Field Dual Keyboard Focus (Answered with working Autocomplete lookup component and JS example for VF/SLDS)

The SLDS docs describe: Lookups allow the user to have dual keyboard focus: while focus in the input search field, the user can type text into the field and simultaneously use arrow keys to ...
1
vote
2answers
4k views

Lightning modal without shaded backdrop behind

I have a detail page button on one of my custom objects. The content source is Visualforce Page. In this org, Lightning Experience is being used. After user clicks this button I want to appear ...
1
vote
0answers
257 views

ui:inputText getting zoom in

I have an input text as <div class="slds"> <div class="slds-form"> <div class="slds-form-element " > <ui:inputText aura:id="textSearch" class="slds-input ...
2
votes
2answers
4k views

Display and close toast in SLDS

I have below code given in SLDS and I want to display this whenever the error occurs how can i achieve it? How can i display the toast and also close it on clicking the close button. I am using pure ...
0
votes
1answer
67 views

Populate Dropdown in html using remoting [closed]

I have a dropdown which needs to populate data dynamically from the custom setting records in salesforce using the javascript remoting. Can anyone tell me how can I achieve this? I am very new to this ...
0
votes
1answer
61 views

Salesforce SLDS dyanmically populate dropdown

I have a dropdown which I have to populate from the custom setting values. I have to use SLDS system and not standard salesforce. Can someone tell me how to go about this? I just want to know how I ...
1
vote
0answers
678 views

How to create multi select picklist in vf page using slds

Can anyone provide some idea or approach on how to create a multiselect picklist like below pic.
0
votes
1answer
567 views

How to design the ui similar to list view in salesforce lightning?

I am trying to design a picklist which will looks similar to List view in lightning. Is it possible to achieve this using SLDS? if not any other suggestions?
5
votes
5answers
11k views

How to Close SLDS Dropdown Menu when clicked outside in Lightning Component?

I'm familiar with the stuff that SLDS is CSS framework, and know that we need to incorporate our own JS to implement additional logic, which I can easily do in VF pages with jQuery etc, but I'm ...
0
votes
1answer
2k views

Extending force:sdls and using lightning :xxx tags in component

I am on a summer 16 dev box trying to get a hang on lightning apps, I started looking at this documentation. My locker service is disabled Enable Lightning LockerService Security This critical ...
1
vote
1answer
2k views

how to apply slds to <apex:selectRadio>?

I would like to apply slds radio to my <apex:selectRadio>. But I did not find any example with slds-radio that includes apex:selectRadio - in docs there is only example for hardcoded rb. My own ...
5
votes
2answers
3k views

Word Break - Lightning

I want the string to be transfered to the next line in lightning. In salesforce classic I would just apply to the element style="word-break: break-all". In lightning there's a special tag for that. ...
3
votes
3answers
2k views

Lightning design system - SVG disappears after rerender

I am building data table, here is html code from browser before rerendering table. I use actionFunction with rerender attribute. The problem is that svg disappears after rerendering. Before rerender: ...
4
votes
2answers
5k views

Issue in Lightning desing System modal component

I have developed new Modal using lightning desing system.In standard modal new button pop up appears on whole broweser lightning page. But when I desgined using SLDS it will come up but still ...
1
vote
2answers
491 views

How to build an HTML grid from the controller values using HTML controls in Visualforce

So I am using the SLDS and it uses all HTML5 syntax. I'm curious how to build a table/grid using a controller. I am trying using a static reference inside the control. I figured I'd create a ...
2
votes
1answer
7k views

Populate a SLDS picklist dynamically with SelectOptions

So I am looking to populate a picklist with values from a controller. Currently I can pass it to visualforce by passing a simple list. However, I suspect, with the SLDS it requires an iterator of ...
0
votes
2answers
4k views

Lightning Component - Data Tables - Record Menu

I am new to Salesforce Lightning. Trying to create a component to add/edit an object and related lists without saving as part of a workflow. SLDS help provides a nice(??) guidance on how to create ...

1
5 6 7
8
9