Embedded Content

Embed HTML and JavaScript to be displayed on Layouts. This allows for custom enhancements to be made to Xibo without modifying the core application.

Examples of where this might be useful are displaying a Clock or Weather region.

Add Widget

Locate Embedded from the Widget toolbar and click to Add or Grab to drag and drop to a Region.

On adding, configuration options are shown in the properties panel:

  • Provide a Name for ease of identification.
  • Choose to override the default duration if required.

Configuration

  • Select if the Widget should be shown with a transparent background.

  • Select to Scale embedded content along with the layout.

  • From v3.0.0 users can select to Preload the Widget off screen.

Templates

Embedded Templates

HTML to Embed

Complete HTML in the box provided or toggle On the Visual editor to use the inline editor to enter text and format. Click in the preview window to open the text editor.

Custom Style Sheets

Use a CSS style sheet to control the visual styling.

HEAD content to Embed

Enter the content to put in the HEAD of the document in the box provided.

JavaScript should be wrapped in script tags. Xibo will automatically add jQuery.

The EmbedInit() method will be called by the Player and can be used to safely start any custom JavaScript at the appropriate time. The method is defaulted on any new Embedded media Item.

<script type="text/javascript">
function EmbedInit()
{
    // Init will be called when this page is loaded in the client.

    return;
}
</script>

Show embedded HTML with Active-X content on a Windows Player, with the security settings of IE, so that local files are allowed to run active content by default. This can be done in Tools -> Internet Options -> Advanced -> Security -> “Allow Active content to run in files on My Computer”.

Actions

Available from v3.0.0

Interactive Actions can be attached to this Embedded Widget from the Actions tab. Please see the Interactive Actions page for more information.