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
3
votes
2answers
1k views

How to use progress ring with lightning component

In recent release salesforce has released progress ring part of SLDS. https://www.lightningdesignsystem.com/components/progress-ring/#content I am little confused on how to use this with lightning ...
3
votes
1answer
4k views

$A.util.removeClass not working in some cases

On init of a component, I want to hide an element lightning:buttonIcon if some condition is satisfied(see controller code). In this case it is getting satisfied and I am reaching the code where ...
3
votes
2answers
904 views

can user customize tabs in lightning

can user customize tabs in lightning like we do in classic. If we have 3 users in profile system admin, then these 3 users can customize the tabs for themselves? because via App assignment tabs are ...
3
votes
2answers
1k views

Hide Standard Page Header in Custom Lightning App page

Is there a way to hide the page header in a custom Lightning App shown below ? This banner is not available in the Edit page section. I have selected 'One region Template' and added just one ...
3
votes
1answer
150 views

How do I produce a “New” record button to look like a standard “New” button?

Basically I want to create an input area for a new record. I'm trying to get it styled like the standard "New" Button. I have tried doing it via Visualforce but it looks like a completely separate ...
3
votes
2answers
6k views

Scroll Page to top onClick of a button in Saleforce1

I have a problem scrolling to the top of a lightning component page in Salesforce1. I have tried using window.scrollTo(0,0); Added the below attribute in the button tag oncomplete="window....
3
votes
2answers
1k views

Close Lightning Modal by clicking anywhere outside of it

Just wondering whether this is possible? i.e. once a modal is open, close it by clicking anywhere on the grey backdrop? I've tried invoking my custom close-modal function via: - Adding onclick to the ...
3
votes
3answers
2k views

Need to enable focus on <ui:inputTextArea /> lightning component field

I am using a button to open a modal and inside a modal there is some form fields and I when user a modal then <ui:inputTextArea /> should be automatically on focus mode so a user can directly ...
3
votes
1answer
4k views

Remove vertical ScrollBar from Lightning Page

I am relatively new to Salesforce lightning and HTML/CSS. I was trying to create a Custom Grid to display Data with Pagintation(infinite scrolling). It all went well till i started solving the issue ...
3
votes
1answer
682 views

CSS applied to the elements in lightning components

html element in component : sample.cmp <div class="slds-text-heading--large heading"> Activity Dashboard </div> sample.css .THIS .heading{ padding: 1rem; border-bottom: 2px ...
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 ...
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+"-"+...
3
votes
1answer
1k views

Open multiple section at once using standard <lightning:accordion> component

Using the standard component <lightning:accordion> is it possible to open multiple sections together?
3
votes
1answer
931 views

VF Page Migration To Lightning Experience SF one Navigation URL issue

We have a VF page which we are migrating to "Lightning Experience" using <apex:slds /> and <body class="slds-scope">. Page looks good in Lightning Experience, but when running "...
3
votes
2answers
5k views

How to use force:createRecord for a stand alone app or lightning out?

I'm trying to use force:createRecord and it works okay in Lightning Experience, and S1 but but I get the following error message when I am using a stand alone app. If I preview the "...
3
votes
1answer
85 views

Is there any documentation available which helps in applying LDS to aura ui components?

It seems that LDS has lots of features but when you try to use that with Lightning components, it can not be used like for ui:radioInput where id in the for clause is requird. There you can not set id ...
3
votes
2answers
2k views

Community : Salesforce Tabs + VF Template using Lightning Components

I have a community which uses "Salesforce Tabs + Visualforce" template. So, most of the stuff is customised using Visualforce pages including Login/Logout Pages. Now, I'm trying to understand how ...
3
votes
3answers
685 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 ...
3
votes
2answers
1k 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 ...
3
votes
2answers
122 views

Pull an item outside of slds-grid

Trying to get a design that is configurable as either one or two columns. This uses a recordEditForm which make it challenging as the button MUST be between the recordEditForm tags. current code: &...
3
votes
1answer
2k views

lightning:combobox component without placeholder

I have following code which displays a list of Users in the system. It is showing the list of Users. By default the first option I see is "Select an Option" and I want the first User in the list to be ...
3
votes
1answer
49 views

App exchange security review - Is it mandatory to follow the SLDS guidelines while designing VF pages?

To create an app that is lightning ready, is it necessary that visualforce pages follow the SLDS guidelines to pass the app exchange security review? The app that I am working on has mostly custom ...
3
votes
1answer
4k views

I have lightning component and want to show lightning card when mouse over on the link,

I have lightning component and want to show a lightning card on mouseover on the link, is there any lightning event I can call to show to popup mobile card? this is my code: ===apex-Controller=== ...
3
votes
2answers
2k views

Embedding PDF in Lightning component

I have a PDF stored in Document Folder. I want to display this PDF in my lightning component. How should I do this?
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 ...
3
votes
1answer
275 views

How should I import Design System React css?

I tried using Lightning Design System React doing what's under the Getting Started section. I've installed the npm modules as explained: npm install @salesforce-ux/design-system @salesforce/design-...
3
votes
1answer
288 views

Recommendations to style Visualforce page to match the SLDS?

Does anyone have insight into the best practice to style a Visualforce page to match the SLDS for inclusion in a lightning component and printing? I can hear the choirfolk chanting: Visualforce is so ...
3
votes
3answers
1k views

Rendered as PDF apply Lightning Design System

I want to known suggestion about lightning design system rendered as PDF. I have a VF page that page rendered as PDF format. My page is also using lightning design system. but that designs are not ...
3
votes
2answers
2k views

Fixed div in Salesforce1 using lightning components

Although this may not be salesforce specific issue but its remotely related to Salesforce and occurring only in Salesforce1 mobile app. I am trying to fix a div at the bottom of my screen using the ...
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 ...
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 ...
3
votes
2answers
579 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 ...
3
votes
2answers
230 views

Combobox hiding behind footer - modal content not able scroll when overflow =initial/visible

I have a modal with a fixed height, so if the number of fields increase in the modal, scrollbar appears as expected. However I have a Combobox at the end of the form which I am not able to view the ...
3
votes
1answer
153 views

Is it possible to hide the masterLabel from outputting onto the page in Salesforce Mobile?

I created a custom lightning:appHomeTemplate with custom columns and rows. However, the only thing I wanting to do now to finish this, is to not have the Label output into the app page. The Label ...
3
votes
2answers
8k views

$A.util.addClass not working on components that are inside aura:if

I have some buttons inside a component that are by default hidden, but are shown when certain event is received. When I receive the event, I am using $A.util.addClass() and $A.util.removeClass() to ...
3
votes
0answers
401 views

Loss of Lightning Card style on reRender of outputPanel in Visualforce

I have a visualforce page that gets initially loaded, then an action function is triggered that does a webservice callout. Once the action is finished and the output panel rerenders, I am losing the ...
3
votes
0answers
316 views

Lightning components: how to make component aware of position on record page

I'm trying to render two different views depending on where my component is placed on a record page from Lightning App Builder. Is there an attribute or something that I could pass into an aura:if? ...
3
votes
0answers
416 views

How to leverage new Dynamic Icons from SLDS

Interested in trying to use the new Dynamic Icons (https://www.lightningdesignsystem.com/components/dynamic-icons/) from SLDS in a Lightning Component but can't quite figure out how... Do I need to ...
3
votes
0answers
827 views

Selenium testing the Lightning Experience

I'm new to SalesForce and trying to use Selenium to test a page. When I check the "innerHTML" of a certain div (as selenium sees it), I see the following: <div class="test-id" data-aura-rendered-...
3
votes
1answer
614 views

onclick not working for ui:outputcurrency

I have code that iterates over a list. for some reason the onclick method does not seem to fire. Is there something wrong in my code below? Also how can I get the index id of the clicked row ?` <...
3
votes
0answers
680 views

How do you apply Lightning Design System CSS Styling to force:inputField?

I'm trying to use force:inputField so that I can get the picklist values on a picklist field of a custom object. If I preview the "sampleCreateRecordApp.app" the force:inputField does not have CSS ...
3
votes
0answers
303 views

How to develop gif like image in lightning component using sprites?

I want to use a down arraow, which is jumping continuously to prompt user to click on it. I want it something like a spinner which is by default spinning when we include it in code. So for the ...
3
votes
0answers
464 views

Lightning: how to get dynamic scrolling height work?

I am trying to implement scrolling in Lightning app with standard Lightning SLDS styles and it is not working. I tried both ui:scrollerWrapper and class="slds-scrollable--y" and neither of these is ...
3
votes
0answers
556 views

How to make table align correctly Salesforce Lightning design system Javascript Table

I was able to append my data, and now the data does not align correctly with the column headers as well as it is not sortable (in the code I have sortable enabled. and the check boxes do not align ...
3
votes
0answers
271 views

Salesforce communities: Issues with Using Custom Stylesheets and SLDS

Background: We currently have several lightning components our community that reference several static resources. To load the static resources, I am using <ltng:require> component. Issue: Let'...
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 ...
3
votes
1answer
543 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"&...
3
votes
0answers
191 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 ...
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. ...
3
votes
1answer
800 views

Scrollbar inside scrolling modal not clickable

I'm using the latest Appiphony Strike components to built a multiselect picklist inside a modal. <aura:component > <c:strike_modal title="Strike Modal" showModal="true"> <...