Out of Box List view is Not Responsive power pages

[Surendran_R]

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 !

[Inogic]

Hi @Surendran_R ,

When we use power page site on smartphone and have to scroll left to navigate EDIT record, you can make the first column clickable and can navigate to the Edit the record, 

Step 1: Navigate to the list in Portal Management.

Step 2: In general tab look for "web page details view".

Step 3: Update the page where the form is present for the respective record to edit the record, 

Save the list record, Sync the Portal site, 

As you can see the account name is now clickable and navigate to edit form of the record to update the details of the same. 

Also, in case if You want that the entire row should be Clickable then you can refer the below blog,

https://oliverrodrigues365.com/2021/06/30/power-apps-portals-entity-list-making-the-entire-row-click...

If this answer helps, please mark it as an Accepted Solution so it would help others to find the solution.

Thanks!

Inogic Professional Service Division

An expert technical extension for your techno-functional business needs

Power Platform/Dynamics 365 CRM

Drop an email at crm@inogic.com

Service:  http://www.inogic.com/services/ 

Power Platform/Dynamics 365 CRM Tips and Tricks:  http://www.inogic.com/blog/

[Fubar]

Generally speaking they should be responsive, however if the device has a different screen width etc to the defined media tags or does not fully support the CSS you may have problems. (or someone has customized it so the out of the box CSS no longer nests as expected).

If its a media tag issue you can define your own, by copying an existing set and creating your own screen widths etc.

[OliverRodrigues]

Hi @Surendran_R is there anything else we can assist with your query? 

[Surendran_R]

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

[Arjan]

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. 

[Surendran_R]

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

[ragavanrajan]

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.

[IsaacViray]

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?

[ragavanrajan]

Hi @IsaacViray 

What kind of site template you are using?