Jeff Wallace
Mar 17, 2013
  7433
(1 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
Opti ID overview

Opti ID allows you to log in once and switch between Optimizely products using Okta, Entra ID, or a local account. You can also manage all your use...

K Khan | Jul 26, 2024

Getting Started with Optimizely SaaS using Next.js Starter App - Extend a component - Part 3

This is the final part of our Optimizely SaaS CMS proof-of-concept (POC) blog series. In this post, we'll dive into extending a component within th...

Raghavendra Murthy | Jul 23, 2024 | Syndicated blog

Optimizely Graph – Faceting with Geta Categories

Overview As Optimizely Graph (and Content Cloud SaaS) makes its global debut, it is known that there are going to be some bugs and quirks. One of t...

Eric Markson | Jul 22, 2024 | Syndicated blog

Integration Bynder (DAM) with Optimizely

Bynder is a comprehensive digital asset management (DAM) platform that enables businesses to efficiently manage, store, organize, and share their...

Sanjay Kumar | Jul 22, 2024

Frontend Hosting for SaaS CMS Solutions

Introduction Now that CMS SaaS Core has gone into general availability, it is a good time to start discussing where to host the head. SaaS Core is...

Minesh Shah (Netcel) | Jul 20, 2024

Optimizely London Dev Meetup 11th July 2024

On 11th July 2024 in London Niteco and Netcel along with Optimizely ran the London Developer meetup. There was an great agenda of talks that we put...

Scott Reed | Jul 19, 2024