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
185 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
60 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
860 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
555 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
527 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
194 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
265 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
74 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
249 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
253 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
627 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
369 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
83 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
419 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
353 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
120 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
5k 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
480 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
640 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
633 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
2k 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 ...
0
votes
2answers
1k views

How to change a class of 1 element through onclick from 2 element?

I have 2 lists. First is all my objects. Second - selected object (I use "Select" button to add my obj to second list but without deliting it in the first list). I can also delete the objects from the ...
-1
votes
1answer
614 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"> ...
-1
votes
2answers
650 views

ui:inputselect with dropdownlist and button align horizontally on same line

I'm trying to align inputselect and button on same line horizontally <div class="slds-m-around--x-small"> <div class="slds-grid slds-grid--align-center slds-m-around--x-small"&...
-1
votes
2answers
267 views

slds-textarea Lightning Design System, How to make it display as read-only [closed]

I wish to use <textarea id="textarea-id-01" class="slds-textarea" placeholder="enter my text here"/> in a visualforce page which uses <apex:slds /> I wanted to know how I can make this ...
-1
votes
1answer
478 views

Force:recordView - Not seeing the Case record in lightning

I am trying to dispay my case record on app but i am not seeing anything on my app. can someone please help. <aura:component controller="openCaseController" > <aura:attribute name="cases" ...
-1
votes
1answer
2k views

How can I align the options in lightning:radioGroup horizontally or is there a way to use ui:inputRadio to align the options horizontally? [closed]

I have two options for the user to choose from within the radio options in lightning. How can they be aligned horizontally?
-1
votes
1answer
59 views

I am getting Error at the time of saving the record using page reference to navigate to standard application, Please help

Controller - appNavigation : function(component, event, helper) { var action= component.get('c.getAllApps'); console.log(action); action.setCallback(this,function(response){ ...
-2
votes
1answer
282 views

“Attempt to Upsert a Null List” in Lightning Helper Component

I have created a simple Account Input page. Once I click submit button it has to create a new account but it is not creating and also not throwing any error. And when I see in developer log it is ...
-2
votes
1answer
161 views

Lightning Web Component [duplicate]

Is this the right time to start switching to Salesforce's new Lightning Web Component model (Is this perfectly compatible with Lightning Aura model, Lightning Data Service, Lightning Design System ...
-2
votes
1answer
51 views

actions popover is hidden in lightning:datatable

i am using plain lightning:datatable with actions column. but after click on action icon popover shows hidden in below row like image, same issue but no solutions cmp <aura:handler name="init" ...
-2
votes
2answers
83 views

Virtual Reality Lightning Component for Salesforce [closed]

I would like to ask if you can incorporate VR in a lightning component or a Lightning App?. I am planning to create a virtual tours and would like to ask a developers p.o.v for this kind of idea?. ...
-3
votes
1answer
772 views

traversing nth level in the lightning tree [closed]

i am trying to create account contact hierarchy in the lightning:tree and identifying nth level and creating tree like nested tree structure. parent account contact1 ...