Questions tagged [responsive-design]
The responsive-design tag has no usage guidance.
27 questions
1
vote
0
answers
57
views
Responsive Design with Multiple Column Lightning Record Page
I'm trying to incorporate some responsive design into a Lightning Web Component. Using slds-grid with responsive layouts sounds great, in theory. However, my LWC will be included on a Lightning Record ...
- 151k
5
votes
1
answer
219
views
Will there be a responsive datatable component soon?
This Reddit post Responsive Design for Datatable in LWC or other UI Suggestions? includes this quote with no links or details:
The salesforce data table was just redesigned to be responsive. The
...
- 137k
2
votes
1
answer
249
views
Is there a similar property to flexipageRegionWidth in Community?
I have a LWC where i use flexipageRegionWidth property but i have to use this component in a community and it doesn't work.
Is there a solution for knowing the size of a region in Experience Cloud ?
I ...
- 21
0
votes
1
answer
919
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){}"
...
- 83
1
vote
1
answer
627
views
Mobile-friendly Salesforce apps - What is needed
I am working on a Managed Package for the AppExchange, and one requirement is to enable it to be user-friendly on Mobile Devices.
The app will mainly consist of Native Features and use Standard and ...
- 38.2k
2
votes
1
answer
3k
views
How to use SLDS responsive sizes when an LWC is in a multi-column page?
The size breakpoints in SLDS are based on the screen size which works great for LWCs that occupy the full width of the screen e.g.:
<div class="slds-col slds-size_1-of-1 slds-medium-size_1-of-...
- 137k
0
votes
0
answers
740
views
Resize in lightning web component
I have a problem and need help .
With this code, I'm trying to have a responsive display and also I want that my composent not to be impacted with zoom that's why I used "addEventListener" ...
0
votes
1
answer
815
views
Responsive lightning web component image issus
This code work correctly except the uploaded image I want it to have a specific width & height even if the image is large or small , the size should be the same for all of them .
What can I do for ...
0
votes
2
answers
2k
views
Responsive header with lightning web component
I have this code, it is a header with LWC, divide into three parts, but the problem I have that my display is not responsive, each part points to the other
The part 2 and 2 overlap the part 1.
How can ...
0
votes
1
answer
357
views
How to separate these elements in html/css
In my work project we need to leave a similar space between these buttons. They only overlap in the process of becoming responsive. My superior and I have tried many forms of css and slds stuff and ...
- 21
0
votes
1
answer
531
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 ...
- 11
2
votes
0
answers
319
views
Is there a recipe for expanding a flexi-page region to the full page size or is that "just not a thing" in Lightning?
Because a lot of editing is done on one of the regions of a page template, I'd like to be able to expand that region to the full page size.
But even with the reporting dashboard the 4 arrow icons:
...
- 137k
1
vote
1
answer
221
views
Record List Header Properties Not Working In Mobile View
tl;dr - How can get Header Property Configurations to persist in mobile view of a Customer Community/Experience?
Problem
I need buttons/actions to be hidden on a Record List component on a Customer ...
- 789
2
votes
1
answer
1k
views
Unable to make datatable responsive
I've followed the steps listed in this article and added a grid to my layout, next I wrapped my datatable with <lightning-layout> and <lightning-layout-item> tags. but when I shrink the ...
- 1,687
2
votes
1
answer
1k
views
Visualforce with responsive design
I have to make this vfp responsive for 320x480 resolution , cause there is lost content like the following image shows:
As you can see from bigger resolutions, the content that is lost is most of the ...
1
vote
1
answer
205
views
responsive design documentation confusion
In https://developer.salesforce.com/docs/component-library/bundle/lightning-layout-item/specification it says:
large-device-size - If the viewport is divided into 12 parts, this
attribute indicates ...
- 115
0
votes
1
answer
804
views
SLDS Responsive Classes (setting gutter size for different breakpoints) [closed]
Apologies if I missed it in the documentation, but I'm wondering if the Salesforce design system provides any way to change the gutter amount based on breakpoints?
Via classes, I see you can change ...
- 67
1
vote
1
answer
567
views
Is there a way to add Visualforce to community builder page with flexible height?
I need to add Visualforce Page to the Lightning Community Builder page, however, it forces to set a fixed height in pixels for it, so it cannot be responsive and fit the whole screen if the user ...
- 17.9k
0
votes
1
answer
3k
views
Max-width on media query doesn't work for a lightning web component
Having a custom LWC now I need to make it responsive, so I'm adding a media query @media screen and (max-width : 480px)
This doesn't work, If I change max-width to max-device-width it works, but I ...
- 349
1
vote
2
answers
2k
views
Why is it impossible to see my LWC on chrome on responsive mode?
I created a lightning web component and now I need to check it how it looks on mobile screen. So on my scratch org, I right clicked on my component, inspect element, and I choose the little button on ...
- 349
8
votes
2
answers
14k
views
How to present a lightning-datatable on mobile devices?
While a lightning-datatable will squish up on a narrow screen, the columns typically become so narrow as to be unreadable.
Are there examples anywhere of changing to e.g. tiles for a narrow screen? ...
- 137k
4
votes
1
answer
21k
views
Responsive Layouts in LWC
I have a custom LWC page which has lightning-layout-item
My Page has Header, Left layout and Right Layout. When i minimize the window the right layout overlap to left layout.
Expecting is to move ...
- 1,065
-1
votes
2
answers
2k
views
Align center a button at mobile devices - Email Template
I'm trying to align center a button on mobile devices but with no success.
Below you can see my code.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td ...
2
votes
0
answers
809
views
Any way to scale (zoom) whole Lightning component based Community pages?
We have an internal debate that for a specific Community application, the standard font sizes are too small. So the ideal would be to scale the whole page of content whatever namespace the content is ...
- 137k
0
votes
1
answer
609
views
SLDS - Responsive classes not recognised in Aura Component implementing Custom Theme Layout
I'm attempting to build a Community with a Custom Theme Layout. As part of that, I'm trying to style the component to be responsive. However, when I'm in the builder, I've been able to get @media ...
- 1,141
0
votes
0
answers
706
views
Responsive Lightning design component
I have an lightning component and I am Using it in two different record detail page ,One on main page and other in small side bar. My component is compatible with the main bar,But when I placed my ...
- 346
6
votes
1
answer
1k
views
Auto scale lightning component in VF Page
I am trying to POC a very simple lightning component within a VF page, which is then displayed on a Force.com Sites. I am able to do this, but I need the component to "auto scale" to the correct size,...
- 2,789