Expand the iframe width

[TinaWong]

Hi all, 

I am developing LTI tool, and I wonder how I could use all the space pointed out in the picture.

I have tried postMessage to resize frame, but it didn't work.

It seems like the maximum of the width is set to be 1000px.

Could anyone please teach me how to expand the width of iframe? Thanks a lot!

Regards,

Tina

[matthew_buckett]

I just checked and the LTI 1.3 tools we have always seem to use 100% of the width when in the course_navigation placement, is this showing your tool in the course_navigaition placement or in a wiki page / modules item where you have returned the LTI configuration in a deep linking flow?

If it is from a deep linking flow I think you can specify 100% when returning the content (or leave it empty) and it should take up 100% of the width.

[ColinMurtaugh · Accepted solution]

I'm not sure if this is documented anywhere, but in the "placements" objects in your LTI 1.3 configuration you can include a "display_type" attribute with the value "full_width_in_course" that will expand the iframe all the way to the right edge of the window. E.g. the placements should look something like:

                'placements': [
                    {
                        'placement': 'course_navigation',
                        'display_type': 'full_width_in_context',
                    },
                    {
                        'placement': 'account_navigation',
                        'display_type': 'full_width_in_context',
                    }            
                 ]

(Above is just an example showing where the "display_type" attribute goes; your config might have other attributes, placements, etc.)

--Colin

[matthew_buckett]

Good point @ColinMurtaugh, I think the documentation for this is on: https://canvas.instructure.com/doc/api/file.navigation_tools.html#settings

What's strange is that our tools (locally developed ones) don't have this value set, but they they still take up the full width of the display, so I'm confused as to why... they don't have anything set for this values, and the 'default' value does look to be different.

[ColinMurtaugh]

Interesting; our LTI tools don't take up the full width unless we use that placement setting. I have a vague recollection of some feature flag or account setting that had something to do with the width of the content div, but now I can't find it. Maybe it's one of those site-level settings that only Instructure can change. 

[TinaWong]

Thank you both for replying. I successfully set my tool to full width after setting display_type to full_width_in_context.

I tried full_width before but it didn't work, so I thought it was useless. It turned out that I set the value wrong.

Besides the question that @matthew_buckett mentioned, I also wondered why there were some people solving content width problem by disabling their admin settings in New User Tutorial. I tried this as well but didn't notice any differences.