Skip to main content
The 2024 Developer Survey results are live! See the results

Questions tagged [responsive-design]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
5 votes
1 answer
61 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 ...
Keith C's user avatar
  • 137k
2 votes
1 answer
206 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 ...
Ophélie A's user avatar
0 votes
1 answer
796 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){}" ...
Alexia's user avatar
  • 83
1 vote
1 answer
546 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 ...
Robert Sösemann's user avatar
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-...
Keith C's user avatar
  • 137k
0 votes
0 answers
624 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" ...
Salesforce Junior Dev's user avatar
0 votes
1 answer
768 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 ...
Salesforce Junior Dev's user avatar
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 ...
Salesforce Junior Dev's user avatar
0 votes
1 answer
314 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 ...
DDCruz's user avatar
  • 21
0 votes
1 answer
510 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 ...
cjprad-sfdc's user avatar
2 votes
0 answers
288 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: ...
Keith C's user avatar
  • 137k
1 vote
1 answer
175 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 ...
Jwok's user avatar
  • 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 ...
Json's user avatar
  • 1,667
2 votes
1 answer
920 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 ...
Dead_end_Developer's user avatar
1 vote
1 answer
197 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 ...
MarcLee's user avatar
  • 115
0 votes
1 answer
727 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 ...
babyYoda's user avatar
1 vote
1 answer
542 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 ...
Patlatus's user avatar
  • 17.3k
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 ...
BestAboutMe's user avatar
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 ...
BestAboutMe's user avatar
8 votes
2 answers
13k 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? ...
Keith C's user avatar
  • 137k
4 votes
1 answer
20k 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 ...
SFDC_Beginner's user avatar
-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 ...
Andreas Kodelai's user avatar
2 votes
0 answers
747 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 ...
Keith C's user avatar
  • 137k
0 votes
1 answer
561 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 ...
Bigears's user avatar
  • 1,131
0 votes
0 answers
666 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 ...
Ajith Kumar's user avatar
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,...
hamayoun's user avatar
  • 2,777