Questions tagged [slds-grid]

For questions regarding slds-grid from the Lightning Design System

12 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
2
votes
0answers
273 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
0answers
21 views

Align columns vertically in a grid so that it fills empty space

I need to fill empty spaces of columns height wise but it is not filling of its own. Sometimes my one column can be of different height. I have used it like this: <div class="demo-only demo-...
0
votes
1answer
29 views

flex direction css class not found in lightningdesignsystem

I'm new in SLDS. I start working a project with my client. I looking the design part of that project. I seen SLDS using CSS3 Flexbox property. It's good but some Flexbox property is missing. Like Flex ...
0
votes
0answers
16 views

Need help on lightning:card and slds

Hi Ohana ,please help me in the below code to get the look and feel as above screenshot. Component :- <aura:attribute name="acclstRec" type="List" /> <aura:handler name="init" ...
0
votes
1answer
32 views

Define SLDS small, medium cut-off

I want to have responsive button sizes, and I am using SLDS to accomplish that. Here is my HTML Code: <aura:component controller="CreateTaskLightningController" implements="force:appHostable,...
0
votes
0answers
82 views

SLDS in Internet Explorer 11 / slds-grid is not working

How to fix it? <html style="height:100%"> <head> <link rel="stylesheet" type="text/css" href="slds/styles/salesforce-lightning-design-system.css"> <title>CIS IDS</...
0
votes
2answers
168 views

Make slds-grid with 6 exactly equally square sizes (2 Rows & 3 Columns) & acquire all space

I am currently working on Building a Lightning Component, i am facing issue of size of each grid when i put layout in it there sizes are changed, all i want exactly same square sizes of 6 grid with 2 ...
0
votes
1answer
15 views

SLDS Grind: how to prevent the inner spacing form being bigger than the outer spacing?

For my taste the visual appearance of https://archive-2_0_3.lightningdesignsystem.com/components/utilities/grid has a flaw. In all the examples the elements have just a "normal" kind of padding, ...
0
votes
1answer
39 views

How to fix Apex:Inputfield Size when using slds sizing?

I am working on a vf page with a random number of fields. The problem I'm facing is related to the sizing of the fields. As shown in the screenshot, the contact number field is one long field instead ...
0
votes
0answers
554 views

Lightning Tree Grid using SLDS - Make rows expand collapse

I have created a tree grid structure using the code base found here at the SLDS documentation url : https://lightningdesignsystem.com/components/tree-grid/ The problem I am facing is that I am not ...
0
votes
1answer
218 views

SLDS grid ugly rendering with lightning:outputField

I am trying to display a record using lightning:recordviewform and using slds grid inside it to format columns. It looks like below when I am using slds-size_3_of_12 As you can see, there is still ...
0
votes
1answer
41 views

Same Size for each cell in a grid

i would like to implement a grid for kind of eCommerce presentation . For that I need that all my cells in the grid have the same size but in every cells there is an image sometimes big sometimes ...