Out of Box List view is Not Responsive power pages

(0) Share

Report

Posted on 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:

Design & build

I have the same question (0)

All responses (14)

Answers (2)

Inogic 1,135 Super User 2025 Season 2 on at

Like (2)

Report

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-clickable/

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/

Was this reply helpful? Yes No
Fubar 8,338 Super User 2025 Season 2 on at

Like (0)

Report

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.

Was this reply helpful? Yes No
oliver.rodrigues 9,368 Most Valuable Professional on at

Like (0)

Report

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

Was this reply helpful? Yes No
Surendran Ravindran 212 on at

Like (1)

Report

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

Was this reply helpful? Yes No
Arjan 52 on at

Like (0)

Report

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
Surendran Ravindran 212 on at

Like (0)

Report

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

Was this reply helpful? Yes No
ragavanrajan 7,044 Most Valuable Professional on at

Like (0)

Report

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
IsaacViray 27 on at

Like (0)

Report

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,044 Most Valuable Professional on at

Like (0)

Report

Hi @IsaacViray

What kind of site template you are using?

Was this reply helpful? Yes No
IsaacViray 27 on at

Like (0)

Report

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

Was this reply helpful? Yes No