april_mcgehee
ServiceNow Employee
ServiceNow Employee

IFrames are a type of content block that is used to build a page in CMS. iFrames allow you to embed URLs on a page within a frame. You can embed external pages or render ServiceNow content with the content page. Most commonly, users utilize iFrames for forms created in the system to link to the page that the iframe lives in.

 

CMS allows you the power to customize and create almost whatever web property you want. But with great power comes great responsibility. Customizations can sometimes result in other things breaking or aspects of your iFrame CMS page not responding how you expect it to. Most often the easiest glitch to identify is when your iFrame struggles to resize. Here are a few solutions where the workaround is as easy as using the "expand to fit content" functionality.

 

cms cut off.jpg

 

Simple workarounds when your iFrame is not resizing properly:

Title Article ID Description
Expand to fit iFrame content is cut off, truncated or not expanding in CMS KB0551771 When selecting "expand to fit content" you may find content rendering within the iFrame gets cut off at the bottom or truncates. This article provides steps to help narrow down the root cause and a method of relief.

iFrame is locking column heading

KB0552751 Iframe with a fixed sizes locks column headings when using the horizontal scroll-bar.
Displaying an Order Guide from CMS KB0551838 How an Order Guide can be added to an IFrame on a content page and launched from a CMS navigational menu.
Adding multiple iFrames to a CMS page causes the pages scroll bar to explode causing unwanted white space KB0552017 When adding multiple iFrames to a CMS page, the scroll bar expands and creates white space and makes the iFrame disappear.
Continuous and infinite loop where CSS height continues to scroll and expand on CMS page KB0551808

A user navigating to a CMS page with the issue can see the content load, the vertical scrollbar to the right expand automatically, and the height of the page continue to grow.

 

These cover instances on Eureka and the Fuji. Thank you shuynh and kobby.adu-nti.

 

For more information on creating custom pages in CMS see:

Ask the Expert | CMS Implementation Best Practices

Ask the Expert | CMS & User Interface and Experience

Troubleshooting iFrame sizing within the CMS

2 Comments