iFrame

The iFrame block allows any website or page of a website to be displayed in a SAM.

Note that not all websites allow themselves to be iFramed as part of another domain. This is CORS policy as explained here (https://en.wikipedia.org/wiki/Cross-origin_resource_sharing#).

Basic Block Controls

Enable Block: Allows the block to be removed from the SAM without the need to delete saving your work for another time when needed.

Settings: The settings view of the block allows for all parameters to be entered.

Block Preview: Block Preview displays the block as it will appear in the SAM

Code: Code displays how the JSON is written as an additional view for programmers.

(X): Delete the Block from the SAM.

URL

This field is the URL of the page to be displayed in the Block. Because there is additional security when dealing with iFrames the following URL rules apply:

https:// is the preferred format due to security and the better SEO value. If linking to any page on a domain with an https://, (homepage) all pages must start with https://

The page does not look right when opened in the SAM. This usually is the case for a website that does not adhere to responsive design. A quick check for this is to use a responsive check tool such as this one: http://www.responsinator.com/

Size

Minimum Height

The minimum height of the block containing the iFramed page can be defined by:

**Auto**: system automatically sets the minimum height
**px**: User-defined value in pixels
**%**: Sets the block to be a percentage of the full SAM

Height

The height of the block containing the iFramed page can be defined by:

Auto: system automatically sets the maximum height based on the size of SAM as displayed px: User-defined value in pixels %: Sets the block to be a percentage of the full SAM when opened without needing to scroll. Ex: If you had two blocks each at 50%, each block would take up 50% of the open SAM in the available display. A good starting point for an iFrame is:

Minimum Height: px = 850 Height = auto

Padding

Padding allows for the content to be manipulated within its block on all sides by entering a percentage or pixel value.