Questions tagged [lightning-layouts]
The lightning-layouts tag has no usage guidance.
22
questions
0
votes
0
answers
47
views
Browser console showing invalid template iteration for value undefined error
I do have a code that works as expected. But when I open the console on the browser I do see this line of error. What is it I am doing wrong here?
Here is the LWC code -
<lightning-card variant=...
- 651
0
votes
1
answer
19
views
Lightning Web Component (Lightning-Layout) not available as Custom Layout
I've been working on a custom layout for a standalone Lightning App Page. I've successfully deployed the code to an org. The Layout shows in the Lightning Components in the Setup Menu and shows as ...
1
vote
1
answer
103
views
How to hide/show fields in a better way
I'm trying to hide & show multiple fields based on a radio button change. and I'm able to achieve this by controlling the layout item visibility. But the main problem the fields are displayed in ...
- 1,439
1
vote
1
answer
91
views
Lightning Layout Item Styling Not Consistent
This is not making sense to me:
I have a simple style declared in the component's css file:
.targetcolor {
background-color: #bff0ff;
}
Which I reference like this:
<lightning-layout-item ...
- 13.5k
0
votes
1
answer
719
views
Lightning Dynamic form, with 3 columns Layout
In the preparation of the Admin Salesforce Certification, i had this question:
The thing is, i know Dynamic forms can be used to dynamically hide fields based on conditions. Not to add a column to ...
- 109
0
votes
1
answer
544
views
Align horizontal lightning layout item
I have this lightning layout and it's align end, but I need when it's mobile, the align need to be center and width 100%.
I told about use this css:
"@media screen and (max-width: 480px){}"
...
- 81
4
votes
1
answer
880
views
Make lightning:layoutItem fill the remaining screen space
I have the following component markup and essentially, I'm trying to make the content in yellow to fill the remaining space on the browser. I tried to do 100% but it did not expand. See screenshot ...
- 484
0
votes
1
answer
662
views
Align Vertically Combobox and Lightning Input
I need to align 4 inputs fields that are dynamically build (c-filter-component), they can be either of type combobox or of standard lightning input and maximum 4.
The problem is I am unable to align ...
- 3
1
vote
1
answer
3k
views
Lightning Layout - Align Bottom
I'm trying to see if this layout is possible with lightning layout without thinkering about the positioning via CSS. Basically, what I'm trying to do is to line up the content C layout with the green ...
- 484
1
vote
1
answer
2k
views
Lightning Layout & Layout Item Question
We have this sort of complex layout item design and my issue is some of the elements keeps going in to the next line.
<lightning:layout>
<lightning:layoutItem size="12">
...
- 484
0
votes
1
answer
447
views
Lightning layout vs div - Aura - responsive
I am trying to analyze the difference between div and lightning layout in aura for a responsive UI. With the below code, I am not able to get a responsive view when using lightning layout in contrast ...
1
vote
1
answer
1k
views
How to Dynamically Change Text Based on User Input
I am fairly new to SF, and I am only moderately well-versed in JS in general. I am attempting to create a LWC that will display a URL based on user input. This URL will eventually be used to retrieve ...
1
vote
1
answer
469
views
Why is the button not located on the right?
I need to put the New button on the right, but I can't. What am I doing wrong?
<template>
<lightning-layout class="slds-page-header slds-page-header_object-home">
<...
- 331
0
votes
1
answer
1k
views
How to wrap middle lightning-layout-item on small layout
Consider the code below:
<template>
<lightning-layout multiple-rows="true" horizontal-align="spread" vertical-align="center"
class="slds-p-...
- 4,016
0
votes
1
answer
1k
views
Content is coming out of lightning card in lwc
I have a form where I need to display few details of logged in person on customer community. I am using lightning layout and layout item within a lightning card. I have first name with 40 chars and ...
- 197
0
votes
1
answer
79
views
LWC: CallBack list doesn't show on lightning-layout
I want to make a LWC which input keywords and show the results on list using lightning-layout & lightning-layout-item. And I want to make it that doesn't depend on SObjects.
Now, I have a problem ...
- 25
0
votes
1
answer
744
views
How can i make lightning-layout horizontal with nested iterations?
Can someone help me with getting the sections in horizontal format rather than how it is shown in the screenshots? (sorry for the screenshots, i was not able to save the playground file to share)
- 421
2
votes
1
answer
983
views
lightning-layout stretches inner datatable
I have the following code in a web component:
<lightning-accordion-section name="Products" label="Products">
<lightning-layout>
<lightning-layout-...
- 1,564
0
votes
1
answer
2k
views
Lightning LayoutItem flexibility not working properly
I am using lightning setup assistant in my UI, and I am trying to make it mobile responsive.
The button in question here is Add Email Address
I am trying to set size attributes accordingly, however ...
- 535
0
votes
1
answer
926
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 ...
- 3,510
0
votes
1
answer
2k
views
How to make slds box fit for long text value inside lightning layout?
I have created lightning layout component and made the lightning layout item size as 5. Inside the layout item I want place some dynamic text value. If the text value is larger it is crossing the box ...
- 3
0
votes
1
answer
459
views
Lightning Layouts - how to activate it? is it available in Sandboxes?
Seen this presentation of Lightning Layouts - https://www.salesforce.com/video/3632069/ . (~25th min)
I can't find this in my sandbox, Winter 19 release.
How do I activate it?
- 5,581