• Resolved gaetgodi

    (@gaetgodi)


    Subject: App Builder: app_fullscreen:true in metadata but not honoured on page load

    Hello,

    I am using the App Builder (app_id=25) to display a membership table with 351 rows on a WordPress/Divi 5 page.

    The fullscreen mode works perfectly — sticky headers, vertical scrollbar, all rows accessible. However I need this behaviour on page load without requiring the user to toggle fullscreen manually.

    Here is what I have found through diagnostics:

    1. The app metadata already contains “app_fullscreen”: true, which suggests the app knows it should be in fullscreen mode.
    2. When fullscreen is toggled, WPDA adds the class pp-fullscreen to the body element. However adding this class manually via JavaScript on page load does not reproduce the fullscreen behaviour — the React app manages its own internal state independently.
    3. All ancestors of .MuiTableContainer-root have overflow: visible and no height constraints on initial page load. The fullscreen toggle is what applies the necessary height constraints for scrolling to work.
    4. The .MuiPaper-root.pp-table parent has overflow-y: hidden on page load, which gets corrected when fullscreen is activated.

    My request is twofold:

    First, could you add a “Start in fullscreen mode” option to the App Builder settings? This would allow the app to initialize in fullscreen state on page load.

    Second, if this is a bug where app_fullscreen: true in the metadata should already be causing the app to initialize in fullscreen mode, could you investigate?

    Thank you for your excellent plugin and responsive support.

    Gaetan Godin
    Godin London Incorporated
    PS. When I set the user density option and the user clicks it, it gives me the proper behaviour. I would like that to happen on loading the page, without the need to toggle.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Kim L

    (@kimmyx)

    Hi @gaetgodi,

    You can start an app in full-screen mode by adding the parameter in your shortcode.

    For example: [wpda_app app_id="25" fullscreen="true"]

    More details about the shortcodes you can use here: Shortcode Usage | WP Data Access

    Regarding the density, you can set a default in the Table Builder. See here: Density | WP Data Access

    Let us know how it goes. ☺️

    Thread Starter gaetgodi

    (@gaetgodi)

    That does open in full screen but is not what I want. I want it to open so that the scrolling is active. As it is I have to click on the density icon to get that scrolling, no matter what the default density setting is. I tried rebuilding the app from scratch, same problem.

    Plugin Contributor Kim L

    (@kimmyx)

    Hi @gaetgodi,

    Thanks for the response.

    Do you mean the default density isn’t being retained when you set it on the Table Builder? Would it be OK to send us a video about the issue? We’re unable to reproduce it on our test apps. See here: https://share.zight.com/eDuO0Yl7

    You can send us a message via Contact | WP Data Access if you want to send us more information privately.

    We’ll wait for your email!

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.