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
11k 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
477 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
351 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
425 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
1answer
672 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
741 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
388 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
550 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
620 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
283 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's ...
3
votes
2answers
154 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
729 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
195 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
540 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
967 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"> <...
2
votes
5answers
10k 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 ** ...
2
votes
2answers
137 views

Why do the functions in my javascript controller only work individually, but not if both are in the same file?

Here is my code: ({ doInit: function(component, event, helper) { var action = component.get("c.getCampaigns"); action.setCallback(this, function(response) { ...
2
votes
2answers
1k views

Moving message ticker in SLDS

Is there a way to add a moving ticker in the lightning page ? In the classic mode I had added the marquee in the apex page like this <marquee> <b style="color: rgb(204, ...
2
votes
2answers
5k views

Using React.js with lightning framework

I have recently shifted from visualforce development to the lightning environment and I am new to lightning as such. I want to know if there is a way to use React.js components and implement for eg. a ...
2
votes
2answers
2k views

SLDS css stylesheet not found

I'm doing Salesforce trailhead, Lightning Component Basics - Input Data Using Forms. I have a problem with SLDS static resource. Earlier, I had downloaded slds 2.0.2 (named it SLDS202). Inside ...
2
votes
1answer
994 views

Hide Lightning:Card on init?

I am having issues getting the style to apply on init. It is working just fine, (setting visibility) on click, but is not having the same effect on init? Component: <lightning:card aura:id="...
2
votes
2answers
2k views

Where are examples for using SLDS Dueling Listbox?

In my components I want to use the Dueling-picklist from the LIGHTNING DESIGN SYSTEM. On the website there is no example code but just this BETA note. I need examples for the markup and how to add ...
2
votes
1answer
7k views

“No COMPONENT named markup://aura:method found” when saving component

I get the error message "No COMPONENT named markup://aura:method found" when saving the following component. I attempted to add a simple <aura:method></aura:method> ...
2
votes
1answer
5k views

How to change label of button in lightning experience

How can I change the label of a button in Lightning? When I click on the button I want the label text to change from the controller if the Button ID is dynamically bind. component code <aura:...
2
votes
1answer
753 views

How to hide Lightning Design System Grid item when screen is Small (>= 480px)

I have a Grid which has three columns: <div class="slds-grid slds-wrap"> <div class="slds-col slds-size_1-of-1 slds-large-size_4-of-12"> <span>1</span> </div> &...
2
votes
1answer
19k views

Align form elements horizontally on the same level - Lightning Design

I would like my form element to appear side by side instead of vertically one below another. For example I have an input text and 2 buttons. I want the input text and button appear in one line. I ...
2
votes
2answers
361 views

Lightning Design system elements

This might be a very silly question, but I wanted to make sure that I am not doing anything wrong. I am using SLDS to design all my components and has been using js to add necessary classes to ...
2
votes
4answers
2k views

Single Column Lightning Home Page?

Is it possible to create a Single column lightning home page? On Lightning Home page creation, the only option is the standard two column - but on individual pages you can choose single column. I'd ...
2
votes
1answer
27k 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 '...
2
votes
1answer
417 views

Lightning Design System, how to start development?

I am trying to learn LDS development and am using this resource to start. Unfortunately, I am stuck HERE (I have an org with my own namespace, I have copied over the Lightning component and set its ...
2
votes
2answers
27k views

Uncaught Error in $A.getCallback() [TypeError: Cannot read property 'setParams' of undefined

Uncaught Error in $A.getCallback() [TypeError: Cannot read property 'setParams' of undefined] throws at https://growerslightning-dev-ed.lightning.force.com/auraFW/javascript/BC4wqH7bmsI7etc2sB4tmQ/...
2
votes
3answers
3k 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/...
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 ...
2
votes
1answer
6k 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" ...
2
votes
1answer
139 views

Getting input field type from lightning:input tag

I want to get input field type information in my lightning javascript controller. How is that possible? For ex: <lightning:input type="number" value="{!v.value1}"/> <lightning:input ...
2
votes
1answer
251 views

Spinner with a delay to disappear!

I created a component where I use lightning Spinner a lot, especially when I have to search for information in the Salesforce database or after some dynamic procedure on the screen, like a calculation ...
2
votes
1answer
415 views

Detect Minimization / Focus Utility Bar Component And Resize Workspace Component

Apparently there is no method (at this point) for detecting when the utility bar item minimize / maximize event is fired. I could potentially use jQuery to listen for a click on the button, but ...
2
votes
1answer
1k views

Lightning Accordion: changing the arrow location

In Lightning Accordion tag I need to change the location of the expand/collapse arrow so instead of it being in the left side of the title (aka the Accordion summary), it should be in the right side. ...
2
votes
1answer
721 views

Unable to use SLDS assets from Visualforce

I'm getting a 404 error when accessing any LDS assets. Am I doing something wrong? The code I'm using is taken right from the Using the Lightning Design System page within the Visualforce Developer ...
2
votes
1answer
5k views

Lightning button Variant - To appear blue/white and appear center aligned

Trying to build a form and I put 2 buttons in the form. Want 1 of the button as to appear blue and other to appear white. I created below component: Searchform.cmp <aura:component > <!--...
2
votes
1answer
2k views

Show/Hide CSS Ignored When Inside an SLDS Grid Column

I'm just trying to get a simple show/hide experiment running using the code below. It runs fine when the code is outside the SLDS grid. However when I place the div inside a grid column, the console ...
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-...
2
votes
1answer
2k views

Are toasts not generated in standalone app or in VF page?

I am dynamically creating a toast as shown below. This toast is created when response is received from server. I have created a component for toast and am dynamically creating it using $A....
2
votes
1answer
1k views

How to redirect from one component to other component in lightning?

I want this when user click it is got account id and with id it is redirect to AccountDetailLightning. This my first component: `<a href="javascript:void(0);" class="link" aura:id="{!obj.Id}" ...
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
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] ...
2
votes
2answers
5k 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 ...
2
votes
2answers
811 views

How to adjust column width in <lightning:tile> <dl class=“slds-list_horizontal”>?

I tried following the SLDS Utilities patterns for both Name Value Pairs and Description List... In both attempts, the labels' text was truncated, and the tiles had an undesirable excess of white ...
2
votes
1answer
5k views

Lightning Component to show related lists(Contacts and Opportunity) of Account using toggleclass

Now it is working on single click all accounts are opening, but I need to open one account at a time. Component : <aura:attribute name="Accounts" type="Account[]"/> <aura:attribute ...
2
votes
1answer
2k views

Renderer in Lightning component

I am new to lightning and i just dont get renderer. Why do we use it? Can please anyone tell me with example. I get the part that salesforce automatically renders if some data is changed. But why use ...

1 2 3
4
5
16