149 lines
7.6 KiB
HTML
149 lines
7.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>OTS Signs Command Center Documentation</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
<!-- favicon -->
|
|
<link href="../img/favicon.ico" rel="shortcut icon"/>
|
|
|
|
<!-- Bootstrap -->
|
|
<link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
|
|
|
|
<!-- Stylesheets -->
|
|
<link href="../manual.css" rel="stylesheet" media="screen">
|
|
|
|
<!-- META -->
|
|
<meta name="keywords" content="digital signage, signage, narrow-casting, ots-signs, open source, agpl, documentation" />
|
|
<meta name="description" content="OTS Signs Command Center is an open source digital signage solution. It supports all main media types and can be interfaced to other sources of data using CSV, Databases or RSS." />
|
|
</head>
|
|
<body data-toc="scheduling">
|
|
<!-- Copyright 2020 Xibo Signage Ltd. Part of the Xibo Open Source Digital Signage Solution. Released under the AGPLv3 or later. -->
|
|
<nav id="top-nav" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#ss-navbar">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a href="#" class="navbar-brand">OTS Signs Command Center Documentation</a>
|
|
</div>
|
|
|
|
<div class="collapse navbar-collapse" id="ss-navbar">
|
|
<ul class="nav navbar-nav">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="ss_body container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<ul id="side-nav" class="nav nav-pills nav-stacked">
|
|
<li><a href="index.html" data-toc-name="getting_started">Getting Started</a></li><li><a href="layouts_editor.html" data-toc-name="layouts">Layouts</a></li><li><a href="media_library.html" data-toc-name="media">Media</a></li><li><a href="media_modules.html" data-toc-name="widgets">Modules</a></li><li><a href="scheduling_events.html" data-toc-name="scheduling">Scheduling</a></li><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
|
|
<html><body><ul>
|
|
<li>
|
|
<p><a href="simple_scheduling.html">Simple Scheduling</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_repeats.html">Using Repeats</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_priority_display_order.html">Ordering and Priority</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_events.html">Scheduling</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_layout_list.html">Layout List Campaign</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_ad_campaigns.html">Ad Campaigns</a></p>
|
|
</li>
|
|
<li>
|
|
<p class="active"><a href="scheduling_overlays.html">Schedule Overlays</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_geolocation.html">Geo Scheduling</a></p>
|
|
</li>
|
|
<li>
|
|
<p><a href="scheduling_dayparting.html">Dayparting</a></p>
|
|
</li>
|
|
</ul>
|
|
</body></html>
|
|
<li><a href="displays.html" data-toc-name="displays">Displays</a></li><li><a href="users_administration.html" data-toc-name="users">Users</a></li><li><a href="configure_cms_settings.html" data-toc-name="configure">Configuration and Organisation</a></li><li><a href="troubleshooting.html" data-toc-name="troubleshooting">Troubleshooting</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-9" role="main">
|
|
<h1 id="overlay_layouts">Overlay Layouts <a href="#overlay_layouts" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h1>
|
|
<p>An Overlay Layout will show on top of other Layouts once Scheduled.</p>
|
|
<blockquote class="tip"><p>Overlay Layouts can also be Scheduled to be used with Layouts inside a <a href="scheduling_layout_list_campaign.html">Layout List Campaign</a>.</p>
|
|
</blockquote>
|
|
<p>Overlay Layouts remain on top while your normal scheduled content changes underneath. This is particularly useful for logos, important information or emergency notices for example.</p>
|
|
<p><img src="img/v4_layouts_overlay.png" alt="Overlay Layout" /></p>
|
|
<h2 id="create_an_overlay_layout">Create an Overlay Layout <a href="#create_an_overlay_layout" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
|
<p>Overlay Layouts are created in exactly the same way as all other <strong>Layouts</strong>. Add content to fit around your existing designs so that your Overlay Layout can “sit on top” of other Layouts that are <strong>Scheduled</strong> at the same time as the Overlay. Your Overlay Layout will display its all important content whilst the Layouts “underneath” play in rotation.</p>
|
|
<blockquote class="tip"><p>OTS Signs Command Center will not render the background on Players when a Layout is scheduled as an Overlay Layout.</p>
|
|
</blockquote>
|
|
<p>Overlay Layouts behave in a different way to Layouts when scheduled and will only render media content once so will not show any refreshed content.</p>
|
|
<p>If your Overlay Layout includes content which needs to be refreshed, Calendar or Ticker Widgets for example, a Playlist should be added to the Layout and the media added to the Playlist. Then when it loads the next item in the Playlist it will reload the other items to show refreshed content.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- container-->
|
|
<footer class="ss_footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="pull-right">
|
|
<img class="img-responsive logo" src="../img/logo.png" alt="OTS Signs Command Center" />
|
|
</div>
|
|
|
|
<p class="ss_back_to_top">Back to Top</p>
|
|
|
|
<p class="ss_footer_links">Currently v4</p>
|
|
|
|
<p class="ss_languages"><a href="../en/index.html">en</a></p>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- JavaScript -->
|
|
<script src="../vendor/jquery/jquery.min.js"></script>
|
|
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$(".ss-sidebar .list-group li").addClass("list-group-item");
|
|
$(".ss_body img").addClass("img-thumbnail");
|
|
$(".ss_body table").addClass("table");
|
|
|
|
// Set the selected page based on the TOC name
|
|
// Mark the appropriate top nav element as the selected page
|
|
$("#top-nav a").each(function() {
|
|
if ($(this).data().tocName == $("body").data().toc)
|
|
$(this).parent().addClass("active");
|
|
});
|
|
|
|
$(".ss_back_to_top").click(function() {
|
|
$('html, body').animate({scrollTop : 0},800);
|
|
});
|
|
|
|
if (inIframe()) {
|
|
console.log("In Frame");
|
|
$("#top-nav").css("display", "none");
|
|
$(".ss-sidebar").parent().css("display", "none");
|
|
}
|
|
});
|
|
|
|
function inIframe () {
|
|
try {
|
|
return window.self !== window.top;
|
|
} catch (e) {
|
|
return true;
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|