Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [slds-grid]

For questions regarding slds-grid from the Lightning Design System

0
votes
1answer
22 views

I need a grid with 7 equally spaced columns

I'm trying to use lightning-layout and lightning-layout-item to get a row with 7 equally spaced columns (no matter the contents) that fills the full width of the container. slds-grid is useless ...
-1
votes
1answer
26 views

How to add left and right borders using slds

Image: In this image, The edges are not cutted very properly.I really Look some thing like this. I have tried using "slds-box" still issue is same. How to do like this: Lightning code: <div ...
0
votes
1answer
22 views

How to set up apex:selectRadio in a grid layout

I'm trying to achieve below layout. Below is my code (with 2 approaches) on VF page. <apex:page lightningStylesheets="true" applyHtmlTag="true" > <apex:includeLightning /> <...
1
vote
1answer
293 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> &...
0
votes
1answer
45 views

slds grid column alignment problems!

For some time i have been trying to left align the center column, but still keep it at the center. ON the image below you can see the icons with the counts for each service, but not aligned to the ...
2
votes
2answers
115 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
0answers
94 views

SLDS Grid Columns Not the Same Width

I'm creating a form and using lightning:layout and giving the lightning:layoutItem a size of 4, which renders <div class="slds-size_4-of-12">. However, I noticed that the last column in the grid ...
0
votes
1answer
202 views

Salesforce lightning setting slds column rows to be the same height

I'm using lightning:recordEditForm with lightning:inputField to generate a list of fields. I dynamically create a lightning:inputField component and add it to an slds column. The lightning:...
0
votes
2answers
140 views

Allign button at the same level of input field

I want to allign create button at the same level of input field i.e exact right side of the input field, in the same line. In the below code, it is coming at below level of the field <div class="...
-2
votes
3answers
42 views

How to avoid break tag in slds

I'am very new to salesforce Lightning design system(slds). I have used slds-grid in my Lighthing componnet. I need to achieve image in following format: But actually its appearing like this: I ...
1
vote
1answer
598 views

Sizing the layoutitems based on size of the top container and not the viewport

We have built a lightning component which is to be used on the record home page. Now the user can either add the component in the side or in the detail section itself. Everything is working fine ...