Questions tagged [slds-grid]
For questions regarding slds-grid from the Lightning Design System
20
questions
0
votes
0answers
20 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
0answers
20 views
VF Page with SLDS and expecting Header to show Custom Image [closed]
I am new to VF page and SLDS, and trying to build a simple Form.Expecting the header and footer of the form to hold custom images by loading these images into static resources. However below are my ...
0
votes
1answer
134 views
Make child rows selected on selecting parent row - lwc tree grid
Is it possible to implement the logic - when parent row is selected all its child rows are selected as well with lightning web component and tree grid?
HTML:
<lightning-tree-grid
key-...
0
votes
0answers
69 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 ...
1
vote
2answers
54 views
slds-gutters not adding spacing between div's
The slds-gutters class does not seem to add spacing between the div's. What is the reason for this? Essentially I could add padding, but I would like to understand why there is no spacing between the ...
2
votes
1answer
43 views
Showing error using SLDS Has Error on Apex:Inputfield with Aria-describedby
I am using the SLDS in visualforce page and trying to display error next to the component by following this.
But aria-describedby does not work with <Apex:inputfield> and throws error.
Here's ...
0
votes
1answer
76 views
SLDS Spinner with backdrop on VF Page on Button click [duplicate]
I am trying to add a spinner with a backdrop as the loading screen but the spinner is not working when the action function is invoking. Action function is able to call the apex method but not invoking ...
0
votes
0answers
137 views
Space between columns in a grid - not symmetric
In the simple bellow grid I would like to separate colons with a small blank.For this i use the class slds-gutters on the grid.
The problem is that it also put a blank after the last column of the row ...
0
votes
1answer
32 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 ...
0
votes
1answer
109 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
293 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
60 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 />
<...
2
votes
1answer
449 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
379 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
348 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
199 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
614 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
977 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
81 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 ...
2
votes
1answer
1k 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 ...
