Mobile responsiveness for subgrid in detail form.

(1) Share

Report

Posted on by JC-30081457-0

Hi Everyone,

I currently have a problem with power pages on the mobile phone.

I have a subgrid in a detail form and when i go to mobile version the text doesn't adapt to the screen size.

Is there a setting that I have to select to make a subgrid responsive. With entity list I can use the new version of the component which makes it responsive but I can't do that for subgrids.

Thanks in advance!

Categories:

General topics

I have the same question (0)

All responses (1)

Answers (0)

Suggested answer

Jon Unzueta 1,834 Super User 2026 Season 1 on at

Like (2)

Report
Copy link

Link copied!
@JC-30081457-0

You're absolutely right — subgrids in Power Pages forms are not as responsive as the newer Entity List component, especially on mobile devices. This is a known limitation, and unfortunately, there isn't a built-in setting to make subgrids fully responsive out of the box.

Here's what's happening:

Subgrids are rendered using legacy web templates and styles.

On mobile, they often overflow or don't wrap text properly.

Unlike Entity Lists, subgrids don’t use the newer Fluent UI or responsive layout system.

✅ Workarounds and Suggestions

1. Use Entity Lists Instead of Subgrids

If possible, replace the subgrid with an Entity List configured to show related records. You can:

Filter the Entity List using query parameters or Liquid to show only related records.

Use the new responsive layout option in Entity List settings.

2. Custom CSS Fixes

You can try injecting custom CSS to improve responsiveness. For example:

/* Make subgrid table responsive */

table.entity-grid {

    width: 100%;

    overflow-x: auto;

    display: block;

}

table.entity-grid td {

    word-wrap: break-word;

    white-space: normal;

}

Add this CSS to your site's Web Page > Custom CSS or via a Web Template included in the page.

3. Use Liquid to Render a Custom Grid

If you're comfortable with Liquid, you can:

Query related records using Liquid and Dataverse FetchXML.

Render them in a custom HTML table or card layout.

Apply responsive styles manually.

4. Raise a Feature Request

If subgrids are essential to your use case, consider submitting feedback via the Power Pages Ideas portal — Microsoft is actively improving mobile support.

🏷️ Tag me if you have any further questions or if the issue persists.

✅ Click "Accept as Solution" if my post helped resolve your issue—it helps others facing similar problems.

❤️ Give it a Like if you found the approach useful in any way.

Was this reply helpful? Yes No