World is now on Opti ID! Learn more

Jeff Wallace
Mar 17, 2013
  3917
(0 votes)

iFrame Block

Based on EPiServer 7 and Alloy Templates

Have you ever needed to display some content on an EPiServer site in an iFrame? My colleague Bill Murray and I created a simple block for this purpose.

Configurable items include:

  • URL (required) – URL you would like to display in the iFrame
  • Heading – Heading for the information being displayed
  • Text  - Descriptive text for the information being displayed
  • Width – Width of the iFrame
  • Height – Height of the iFrame
  • Scrollable – Whether or not the iFrame should include scrollbars

Example of block configuration:

image

 

Example of block preview in the editorial interface:

image

Granted, this is not a real world scenario since I’m actually iFraming in a login page for Exact Target’s member site, I think it illustrates the point of the possibilities for usage.

I’ve uploaded the code to the EPiServer Nuget feed and it should appear there once approved. In the mean time you can get it here…

Enjoy!


  1. This is intended as a starting point for you to customize for your project needs. The code is provided “as is” without warranty or guarantee of operation. Use at your own risk.
  2. If you install on a site that does not include the Alloy Templates you should expect that you will need to make a few minor updates to get it working as desired.
Mar 17, 2013

Comments

Please login to comment.
Latest blogs
Make Global Assets Site- and Language-Aware at Indexing Time

I had a support case the other day with a question around search on global assets on a multisite. This is the result of that investigation. This co...

dada | Jun 26, 2025

The remote server returned an error: (400) Bad Request – when configuring Azure Storage for an older Optimizely CMS site

How to fix a strange issue that occurred when I moved editor-uploaded files for some old Optimizely CMS 11 solutions to Azure Storage.

Tomas Hensrud Gulla | Jun 26, 2025 |

Enable Opal AI for your Optimizely products

Learn how to enable Opal AI, and meet your infinite workforce.

Tomas Hensrud Gulla | Jun 25, 2025 |

Deploying to Optimizely Frontend Hosting: A Practical Guide

Optimizely Frontend Hosting is a cloud-based solution for deploying headless frontend applications - currently supporting only Next.js projects. It...

Szymon Uryga | Jun 25, 2025

World on Opti ID

We're excited to announce that world.optimizely.com is now integrated with Opti ID! What does this mean for you? New Users:  You can now log in wit...

Patrick Lam | Jun 22, 2025

Avoid Scandinavian Letters in File Names in Optimizely CMS

Discover how Scandinavian letters in file names can break media in Optimizely CMS—and learn a simple code fix to automatically sanitize uploads for...

Henning Sjørbotten | Jun 19, 2025 |