Set full page app iframe to width 100%

App Platform
1

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:

image
image3734×1883 197 KB

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

2

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.

full_page_resp
full_page_resp1200×300 3.66 MB

Pl. do share your use-case as well.

2 Likes
3

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

2 Likes