Episode #125 of the Stack Overflow podcast is here. We talk Tilde Club and mechanical keyboards. Listen now

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
0
votes
0answers
51 views

Button text coming in two lines and increasing the length of lightning button

i have a lightning component button which has a longer text and it is going in two seperate lines and forming the following structure. Is there any way to keep it in a single line? i used the ...
0
votes
1answer
100 views

How to execute if condition inside option tag in Lightning Component

I wanted to display a different text for a specific set of result from the records. I tried the following code but it just displays the condition as it is. Is this even possible inside the option tag? ...
0
votes
1answer
124 views

Duplicate Contact on Lead detail lightning page

I have requirement where lead is coming from webservice through form on one of our site .So,when lead is coming i have some dedup rules to check against existing contact.So till here everthing is ...
0
votes
2answers
2k views

How to Lay a grid of 8 elements per row using Lightning Layout on a dynamic list?

I wanted to lay a grid using lightning layout for 8 elements per row on a list populated dynamically. What I want to accomplish is given below <lightning:layout horizontalAlign="spread" ...
0
votes
0answers
115 views

Adding style sheet from Lightning Design system to visual force

I'm trying to link my custom Lightning design system (Lightningdesignsystem_new) to visualforce page. The MIME type of Lightningdesignsystem_new is application/x-zip-compressed. This was working fine ...
0
votes
1answer
342 views

trouble with aura:iteration and JSON object

I have a Helper function with the following JSON: getUsersVacationItemsList : function (component, event) { var tableRow =[ { 'commonName': 'xpto', 'calendar': [ {...
0
votes
0answers
207 views

Global action drop down not working in Lightning

Somehow my drop-down for global action in lightning is not working. I have gone through the trailhead link as well as some similar questions on stack this and this. But I think I stuck with some ...
0
votes
1answer
322 views

Unable to get the value in force:outputfield on pageload

Below is my code: <aura:component controller="AccountController" implements="flexipage:availableForAllPageTypes,force:hasRecordId" access="global" > <ltng:require styles="/resource/...
0
votes
0answers
267 views

Lightning Design System UI responsive on browser window resize issue

I have developed UI with using SLDS responsive framework( https://www.lightningdesignsystem.com/ ) More over in entire application I have used lightning component ex: lightning:tabset (https://...
0
votes
1answer
43 views

Table with navigable values in Salesforce Lightning

I am new to Salesforce Lightning and I would like to make a table that has values that I could click on, and open the object details in another tab. In salesforce Classic, I did this way: <apex:...
0
votes
1answer
190 views

Need help in table formatting LEX

I am using a lightning component which displays data as received from associated object record. Below code: <aura:component controller="ProductDetailController" implements="flexipage:...
0
votes
0answers
18 views

Create a Checkerboard of buttons, Lightning Design System

I am trying to use the SLDS Grid to create a 'checkerboard' of buttons. I have a single colum of eight buttons. I have perused the documentation but I cannot figure how to specify rows and columns ...
0
votes
1answer
115 views

Split a tab into two-lightning app builder

I am building a lightning app builder page. this page has tabs component. One of the tabs is collaboration which will have activities and chatter fields component. These two components were placed one ...
0
votes
1answer
1k views

lightning:menuItem in lightning:buttonMenu is not working in a nested component

I have two lightning components. One gets account's basic information on load and iterates over it and another displays the each account's basic information in a row. I have explained the div tag ...
0
votes
1answer
577 views

How to implement “lightning:tree” variants as “Grid”?

How to implement "lightning:tree" variants "Grid" ? Ref: https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/aura_compref_lightning_tree.htm In the following code they have ...
0
votes
0answers
68 views

Issue with Date.now() method creating same value for different inputs

I am trying to copy bunch of contacts at a time from the table. I am facing small issue with copying contacts.When I am doing this I am getting same Id for new contacts created and causing issue when ...
0
votes
0answers
523 views

How to use SLDS CSS as hosted Static Resource in Web-To-Lead

So I am creating a web-to-lead form but I'd like to use the SLDS CSS. I uploaded the SLDS zip to my Org as a public facing static resource. However, when I put it in my HTML page it's not working. (!...
0
votes
0answers
60 views

lightning fields distorted with winter 18

i am not sure if any has faced this problem but looks like our lightning fields have been distorted with winter 18 release , i have tried manual sizing , and below lds 2.2.2 but nothing seems to get ...
0
votes
1answer
235 views

How can I get an apex:repeat in a radio group to render in a single column in a Visualforce page using SLDS?

I have a Salesforce Visualforce page built with the Lightning Design System that incorporates an value as a radio group. The radio group is, for some reason, being displayed in a single row: I'd ...
0
votes
1answer
1k views

Redirect to detail page lightning page

Ik have found this example of a controller directing to the account detailpage lightning component of account which works. I am trying to reproduce this for a custom component but my links shows /s/...
0
votes
0answers
259 views

align apex fields in vf page adapting lightning style

I am trying to incorporate LDS stylesheets in my vf page and opening the page in Classic view , what i see that is a horizontal scroll bar due to the size of input fields being too long and occupying ...
0
votes
1answer
1k views

Passing text value Lightning Component Controller to Apex Class?

I have a quick action button in feed and it is related to lead object. Picklist value called "External user" . While selecting the value the "Email" field is enabled. Take the email value and pass the ...
0
votes
1answer
933 views

SLDS Accordion not working in Lightning App

I am trying to implement SLDS Accordion in Lightning app but I didn't get the Open and close functionality. Let me know what I am missing. <aura:application extends="force:slds"> <ltng:...
0
votes
0answers
175 views

Required and error classes not applied to VF page elements

slds-required and slds-has-error classes are not getting applied to my VF page elements that are styled by SLDS. I have included the style sheet as well: <apex:stylesheet value="{!URLFOR($Resource....
0
votes
1answer
59 views

LDS Table bound to custom controller

Does anyone have a sample VF page implementing LDS which is bound to a custom controller? I see talk about only being able to access via remote objects and building table using Javascript but nothing ...
0
votes
0answers
826 views

How to apply external styling to ui:outputText

I want to apply external style for truncating the text displayed by ui:outputText. Markup: <lightning:layout multipleRows="false"> <lightning:layoutItem class="slds-p-around--medium"&...
0
votes
0answers
540 views

Creating Time picker in lightning

Can Anyone please help me with creating time picker in lightning ? There is a component ui:inputDateTime for having time & date picker both at the same time and there is a single component for ...
0
votes
0answers
500 views

Command button Issue with Lightning Experience

I have a command button on Visulaforce Page (I have applied LDS) where I am calling an outh URI, where we get screen of Allow/Deny to access this application for oAuth permission. <apex:...
0
votes
1answer
177 views

lightning:input shaped oval when used with size xx-small in iPad

I am using lightning:icon as: <lightning:layout aura:id="uploadProgress" class="slds-hide"> <lightning:layoutItem class="{!v.showCompleteIcon ? 'slds-show' : 'slds-hide'}" size="12" ...
0
votes
1answer
242 views

Month Picker in VF page with Lightning Classes support

I have a requirement to add month picker(not date) in a VF page. VF page is using SLDS for CSS. Any plugin that could provide support for both would be appreciated?
0
votes
1answer
71 views

VF page modified with slds markups return an “Attempt to de-reference a null object” error when trying to save

I have a VF page running in Lightning that save and cancel perfectly. I have modified it with slds markups to look likes Lightning and now when I try to save the record I got an error message "Attempt ...
0
votes
1answer
212 views

Colors are Not Printed Properly using SLDS in Visualforce

I have a Visualforce page styled using SLDS elements. I am facing an issue with colors not being visible when we are printing the HTML page. I believe this may be caused due to print styles being ...
0
votes
0answers
242 views

I want to fetch stagename value after select opportunity name from the picklist using lightning in salesforce

onchange: function (component, event) { var nums = []; var data = component.get("v.selectedValue"); var num=component.get("v.number"); for(var i = 0; i < num.length; i++) { ...
0
votes
0answers
611 views

Fire an event for specific record in an iteration list

I use aura:iteration to display a chatter feed from a group in a lightning page. For each feed, I have a button "Share" which on click should Open/Close up a div part(or only for the feed item) in the ...
0
votes
1answer
39 views

Display structured data in component passed from controller

I have a need to display a chatter feed in a custom page using lightning components. I am able to get the chatter feed body in the client side controller in the proper format (as per the console log) ...
0
votes
2answers
1k views

Error message from server side controller lightning

Hi i want the error message to be displayed, i am getting value in response.getError() function, i want message argument in this function. Below is the snippet of how i'm doing, i am getting undefined ...
0
votes
2answers
355 views

Button Group with more icons LDS

I'm trying to add Button Group with more icons in to my LDS VF page. Here's what I'm trying. (directly copied from the documentation) <div class="slds-button-group" role="group"> <button ...
0
votes
0answers
78 views

Use force:createRecord in a stand alone app or lightning out? [duplicate]

According to the documentation found in this link, the force:createRecord is one of the out-of-the-box events to enable components to view or create a record. The documentation says that its only ...
0
votes
0answers
401 views

How to access “loaded” attribute of aura:iteration while it is still false?

Whenever I try to get "loaded" attribute of aura:iteration, I get it as true. I want a time when it is false, i.e when iteration is not complete, and during that time do action like show spinner or ...
0
votes
1answer
319 views

Scrollbars always visible in lightning page

I want to show both scrollbars always visible as my content in table is too large row and column wise. How can I implement this? PLease find this figure to understand what I want. Currently I am ...
0
votes
0answers
117 views

Lightning Page Lookup is not rendering properly

VF Page code: <div class="slds-form-element slds-size--1-of-2"> <label class="slds-form-element__label" for="input-02">Secondary Opportunity Owner:</label> ...
0
votes
2answers
132 views

SalesforceOne / iPhone Focus Issue

I am having an issue with the Lightning Design System and iPhone: Within Salesforce1 app or safari browser, when a user is viewing a Visual Force page and has a height greater then the screen height, ...
0
votes
0answers
4k views

How to set the width of an input text field in an inline form?

I like to have an inline form but with a long input text field. I tried this and failed so far: <form className="slds-form--inline slds-grid slds-nowrap slds-grid--pull-padded"> <div ...
0
votes
2answers
456 views

Lightning Design in vf page

Can I use lightning design in my existing vf pages. Based on salesforce trailhead I can see it uses most of the CSS like tag, but in my vf page I have visualforce tag which I believe as of now not ...
0
votes
1answer
400 views

How to get lightning tabs to wrap to next line?

I have an SLDS-enabled page with slds-tabs. When there were only eight tabs they looked great across the page. When I added the ninth, instead of wrapping to the next line the tabs tried to squeeze ...
0
votes
1answer
632 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 ...
0
votes
1answer
614 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 =...
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 ...
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 ...
-1
votes
1answer
557 views

Why doesn't slds card styling show default background?

My code is wrapped in an and styled with slds-card; not sure why the background is transparent. How can I get the default background styling to show? <article className="slds-card"> ...