Out of Box List view is Not Responsive power pages

Like (0) Share

Report

Posted on 19 May 2023 03:00:29 by Surendran Ravindran

212

I have used out box list view in portal , with 6 columns .

While am using Portal in mobile i need to scroll to left for edit it is very tough for end user

if it has responsive Model Driven App , am Happy to use!

Appreciate for your Replies !

Categories:

General

I have the same question (0)

Summarized by AI

AI generated content may be incorrect

Did you find this summary helpful?

All responses (14)

Answers (2)

Verified answer

Jady 135 on 18 Jan 2024 at 22:44:53

Like (1)

Report
Re: Out of Box List view is Not Responsive power pages

Another approach to make the list responsive is
Open the List in Portal Management
Go to the Options tab and scroll down to Grid Configuration, and check Advanced Settings
In the "Grid CSS Class" field add a "table-fluid" class
Save then Sync and reload the web page with Device Toolbar displaying as a mobile device
The .table-fluid class is available from theme.css but not added to lists by default, but it works well to stack a table into a vertical column.

Was this reply helpful? Yes No
Arjan 41 on 30 Nov 2023 at 14:44:23

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

Thx a mil! This worked!

Was this reply helpful? Yes No
oleem 9 on 22 Sep 2023 at 11:24:59

Like (1)

Report

Re: Out of Box List view is Not Responsive power pages

I felt free to make a tutorial on how to achive this as well:
Make the list view responsive – My Power Pages Experience (oleem.com)

Was this reply helpful? Yes No
Verified answer

IsaacViray 27 on 04 Aug 2023 at 04:20:02

Like (4)

Report

Re: Out of Box List view is Not Responsive power pages

I was using Starter Layout 4.

I raised a ticket with MS and they provided a solution. In the Site Settings, add the setting "Grid/MobileView/EnableHorizontalScroll" and set it to false. And it worked for me!

Was this reply helpful? Yes No
IsaacViray 27 on 31 Jul 2023 at 23:33:28

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

I used one of the Starter Layouts, can't remember which one.

Was this reply helpful? Yes No
ragavanrajan 7,036 Most Valuable Professional on 31 Jul 2023 at 22:01:14

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

Hi @IsaacViray

What kind of site template you are using?

Was this reply helpful? Yes No
IsaacViray 27 on 31 Jul 2023 at 08:21:09

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

I had a list that renders responsive out of the box on one of my power pages site, see below.

However, for my other power pages site, it does not render the list like this on mobile, any idea why or is there a configuration related on how the list renders?

Was this reply helpful? Yes No
ragavanrajan 7,036 Most Valuable Professional on 24 Jul 2023 at 10:42:32

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

Hi @Surendran_R

Please create a custom CSS and apply a media query to solve the issue.

Adding custom CSS: Official URL

applying media query to the list: Sample Click here

If you still have a problem let me know.

Hope it helps.
------------

If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Was this reply helpful? Yes No
Surendran Ravindran 212 on 24 Jul 2023 at 10:33:02

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

@OliverRodrigues , Is there any better way to represent a list view in mobile ?

Was this reply helpful? Yes No
Arjan 41 on 03 Jul 2023 at 11:59:52

Like (0)

Report

Re: Out of Box List view is Not Responsive power pages

I am looking for the same solution. When i was building a PowerPage i would expect the list views to be responsive. This turns out not to be the case. Looking forward on someone with an answher how we could fix this.

Was this reply helpful? Yes No