Set full page app iframe to width 100%

Hello,

For some reason I can’t seem to find a way to get the iframe to full width.

Would you be able to point me to the right CSS or else?

What I have:

What I am looking for:

https://github.com/freshdesk/marketplace-sample-apps/tree/master/Freshworks-Samples/App-Development-Features/Configuration-Features/sample_full_page_app

Hi @sabatale,

Welcome to the community :raised_hands:
The app renders the HTML in a placeholder that is managed by the product. As such, the responsiveness is also taken care of by the product (:freshdesk: Freshdesk, in this case). CSS would not be applicable as it will be only effective within the iframe. It is recommended to factor placeholder responsiveness while building apps.

Pl. do share your use-case as well.

2 Likes

Hey @Hem, thanks for your quick feedback!

In other words, there is no way to set it to full width at all times? (for resolutions superior to 1921px in the case of Freshdesk;@media only screen and (min-width: 1921px))

Something like this wouldn’t work indeed:

@media only screen and (min-width: 1921px)
  {
    .responsive {
        width: 100% !important;
    }
  }

EDIT: I just realized this is the issue: Table view does not fit whole screen on a 4K monitor : Freshdesk

1 Like