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
1
vote
1answer
28 views

How to Hide Column Label Lightning Datatable

Is there a way to hide or render labels based on a true/false value? For example, how to hide only the Phone label but display the other two labels? Is there a possible render value that can be set? (...
0
votes
0answers
14 views

Lighting:tabset rendering tabs in “more” drop down when tabs are populated dynamically even though it has enough space to display all tabs

My sample code is <div class="flexipageComponent"> <div class="tabset slds-tabs_card uiTabset--base uiTabset--default uiTabset flexipageTabsetV2"> <div role="application ...
2
votes
1answer
816 views

How to constantly display scrollbar in iOS using <ui:scrollerWrapper> element?

I would like to display scrollbar always in iOS devices when implementing scroll functionality using <ui:scrollerWrapper> element in Salesforce1 app which was recently fixed in Winter '17 ...
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
0answers
17 views

How to display Activity Component as List with Header Rather than Timeline

Is it possible to display the Activity within the Activities component as "List" rather than "Timeline"? I would like to keep this activity section but display items in "List" format and not "Timeline"...
2
votes
1answer
985 views

Visualforce lookup field with apex:inputField in LEX?

Simple story: As a sales user, I want to mass assign leads to a teammate, so I can better distribute our total workload. The constraint is that I need to do this in Lightning Experience, in which the ...
0
votes
2answers
356 views

Drag and Drop - multi file upload in Custom Lightning Component

I want to create a drag and drop multi-file upload in a lightning component form. The form is displayed in a community. I have used <lightning:fileUpload label="Attach receipt" ...
6
votes
2answers
13k views

Hyperlink a Record in lightning:datatable

Am trying to accomplish a POC in my project. We have a lightning Datatable using . I could generate a set of records to display on the component. But I need one column to be hyperlinked to navigate to ...
1
vote
3answers
41 views

lighting data service layout styling

I'm creating a set of components to override the standard view and edit actions on an object. I've explored using <lighting-record-form> and <lightning-record-view-form>/<lightning-...
2
votes
1answer
459 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
3answers
2k views

Binding a click event to document Lightning Component

I am using SLDS Picklist in Aura Component, I am trying to close the picklist when user clicked outside the picklist. I am trying to bind a click event to document and call the action to close the ...
5
votes
1answer
161 views

Lightning Web Components Open Source with Lightning Design System (lwc with slds)

I am trying to local development with Lightning Web Component. The https://lwc.dev works good and I want to also add the Lightning Design System style but I am getting errors. I have installed the ...
1
vote
2answers
561 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 ...
0
votes
2answers
441 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
2answers
215 views

Unable to use SLDS Icons in Lightning Web Component

I am developing an app and I need to add SLDS icon with custom color (i.e. green or blue) to the UI. Which is why I can't use <lightning-icon> component because you can override it style. Thus ...
0
votes
1answer
34 views

Lightning Design System as a static resource not working

I'm trying to create a Custom Scope CSS for Lightning Design System using Static Resources and CSS customizer but It's not working at all. It updated the Sass files, zipped them out and tried to post ...
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 ...
1
vote
1answer
30 views

Setting time ranges in lightning:input type=time

Is it possible to set the time intervals when using lighting-input tag of type="time"? The default gives intervals with 15 minutes (12:00, 12:15, 12:30... etc). But I need it to set the intervals to ...
0
votes
1answer
38 views

Search & Column Sorting with SLDS Data Tables

I am trying to make a basic, external app with the Salesforce look-and-feel using Salesforce Lightning Design System (SLDS). Notably, the app includes data tables so I want to use the Data Table ...
0
votes
2answers
40 views

How to reload custom lightning component in a lightning page tab every time I click on the tab?

I have one lightning component named "Add/Edit Invoice Line Item" (as seen on screenshot) I want to reload this component every time a user clicks on this tab. Is there any way or event which can be ...
1
vote
1answer
273 views

How to make lightning:progressIndicator read only?

We have a data entry form and we are using lightning:progressIndicator as a way to show their progress. However, we don't want the user to click-ahead nor do we want them to click back on the progress ...
0
votes
0answers
22 views

Progress Ring fill clockwise

I am using Brian's Progress Ring Component here- https://gist.github.com/brianmfear/d1308608c0facdc626b85c9c248fc7af It works great, however it fills in anticlockwise way. I have a requirement to ...
1
vote
2answers
173 views

issue with Summer'19 release

Guys I could see that the comfy and comfort views for lightning experience have been changed. If you could see the below screenshot I have use a lightning select in a modal popup(custom lightning ...
0
votes
1answer
33 views

Lightning Design SFMC

I'm creating a microsite in Salesforce Marketing Cloud. My client want to have a lightning desigh for this microsite. Is it possible to do this ? I would like to know if there is any lightning CSS ...
0
votes
1answer
390 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 ...
1
vote
2answers
168 views

fire @wire on an event change LWC [closed]

I have a picklist in a combo-box, on change of the picklist value @ wire method should fire is it possible or what is the work around??. As per the below example when this.l1productId value changes in ...
0
votes
1answer
269 views

Dynamically update Lightning path (Chevron)

My Lightning/Salesforce Path was displaying the Chevron based on the Case Pick list field which has 15 pick list options. Every Case is unique and doesn't require all the 15 options, how can I make my ...
0
votes
1answer
380 views

Unable to fit table into lightning component, Clickable field in datatable

I am trying to display data nicely inside a component that is place in the left section of the page record, however i am really struggling with the following issues: For some reason all of the fields ...
1
vote
2answers
4k views

How to add scroll in this page?

How to add scroll in my component.I am beginner in lightning experience.I don't understand how to implement scrolling on page.it's working fine for less record but if i take more record then its not ...
0
votes
1answer
441 views

How to display old and new values in Lightning field

I have multiple lightning input field and my requirement is to display the old and changed values of the field in separate view. I am newbie to lightning and I am struggling to figure out the concept. ...
0
votes
1answer
48 views

lightning:formattedRichText: slds-truncate Not working

I am trying to truncate a richText field in a table.I've tried to use 'slds-truncate' but to no avail. Here's what I'm getting: Here's the code I'm using: <table class="slds-table slds-table--...
1
vote
1answer
484 views

lightning:input variant=“label-hidden” breaks column width setting - can I prevent without custom css?

I have a lightning component that includes a grid containing rows of lightning:input components. Because they are rows only the first row needs labels and all fields need to be the same width to keep ...
1
vote
2answers
539 views

SLDS not transferring to embedded Lightning app in VisualForce Page

This is my first time embedding a lightning app into a visualforce page so I might be missing something obvious or doing something that's not allowed. Please forgive me! I'm embedding a Lightning app ...
0
votes
1answer
41 views

Div not stretching 100% width/height in Lightning

Attempting to create a lightning component which will be wrapped by a div which is all white but it is not making up 100% of the width/height. <aura:component implements="force:appHostable"> ...
0
votes
0answers
25 views

How bring Lightning component within a modal popup to front?

I have a lightning component in a modal popup and that lightning component is having an input lookup field which opens another lightning component(search result box in screenshot). <Parent ...
0
votes
0answers
27 views

Is it possible to restrict user to certain record type while creating new record from lightning lookup field

We have a scenario where when a user is looking up for a organization it should only look for External Org records which was acheived by Lookup filter in Lightning. The challenge is when there is no ...
0
votes
1answer
92 views

Need help on SLDS with LWC

I am trying to implement the Custom Date Range Picker using Lightning Web Component Framework. My Code is allowing to select start Date and End Date and it is also highlighting the days in between ...
0
votes
1answer
495 views

How to use Salesforce Sans font in lightning component?

I have uploaded the Salesforce Sans font as satic resource in my dev org. How to use this sytle in my lightning component. <lightning:layout multipleRows="true"> <lightning:layoutItem ...
2
votes
1answer
50 views

Open LWC as a full page without salesforce header

I have a button on Lightning Record page. On click i am redirecting to a LWC. Is there anyway where i can redirect or open the LWC in a full screen page. As of now it is opening with salesforce main ...
4
votes
1answer
407 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 ...
0
votes
0answers
19 views

Dynamic component creation issue in lightning

I am trying to create a component dynamically in lightning. In the following code, I get an error saying, "Error: TypeError: Cannot read property 'getDescriptor' of undefined" The first argument in $...
0
votes
1answer
206 views

Disable checkbox in lightning:datatable

Below is my lightning datatable <lightning:datatable columns="{!v.myclmns}" data="{!v.mydata}" keyField="id" ...
0
votes
0answers
34 views

A Data Table with both column and row headers present using SLDS?

I need to create a Data Table with column header and row header. Data Table from the Component <table class="slds-table slds-table_cell-buffer slds-table_bordered slds-...
4
votes
2answers
643 views

Lightning:overLayLibrary issue Uncaught (in promise) TypeError: Cannot read property 'la' of undefined

trying to implement the Modal using Lightning:overLayLibrary as per this link lightningOverlayLibrary i am facing the below issue Uncaught (in promise) TypeError: Cannot read property 'la' of ...
1
vote
1answer
458 views

LWC Composition for fields inside a record-edit-form

I have a lightning-record-edit-form with multiple lightning-input-field. I'd like to put some of the input-field into a child component, say childComponent. The code is attached at the end. However,...
0
votes
0answers
23 views

Lightning Component created for quick action. Will that need users to have lightning enabled to see it in salesforce1?

I have created a lightning component for quick action on record detail page. Will that need every user to have lightning enabled to see that component in Salesforce1.
1
vote
1answer
40 views

Issue with firing an event inside window.setTimeout

I am not able to find where i am doing wrong. i have a parent component A with two child components B and C my scenario is to fire an event in window.setTimeout of component B and send it to ...
0
votes
0answers
22 views

Need to remove spacing between columns

I need to remove extra spaces between columns, I tried and cellspacing and padding, however it didn't work. this is my code <!--List Table--> <table class="slds-table slds-table--...
6
votes
3answers
6k views

Lightning ui:inputDate component does not inherit style from design system

So I got this really simple component: <aura:component > <form class="slds-form--inline"> <div class="slds-form-element"> <ui:inputCheckbox label="Cancel"/...
0
votes
1answer
24 views

I am inserting single record with single file.but how to insert single record with attach multiple files using lightning input

i Am inserting single record with single file but how i can insert single record with multiple file in single transaction using lightning aura component.please let me know. please refer this link ...