Files
OTSSignsTheme/manual/en/scheduling_layout_list.html
Matt Batchelder bbe8c1860c pre-img swap
2026-03-23 21:09:27 -04:00

188 lines
9.1 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 class="active"><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><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="layout_list_-_campaign">Layout List - Campaign <a href="#layout_list_-_campaign" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h1>
<p>Create a Campaign containing a list of ordered Layouts so that they play in a controlled sequence. Think of a Layout as a single slide in a presentation deck, a Layout List Campaign is the entire presentation.</p>
<h2 id="creating_a_layout_list_campaign">Creating a Layout List Campaign <a href="#creating_a_layout_list_campaign" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
<ul>
<li>
<p>Go to <strong>Campaigns</strong> under the <strong>Design</strong> section of the main CMS menu.</p>
</li>
<li>
<p>Click the <strong>Add Campaign</strong> button.</p>
</li>
<li>
<p>Use the <strong>Type</strong> drop down and select <strong>Layout List</strong>.</p>
</li>
<li>
<p>Give your Campaign a <strong>Name</strong> for easy identification in the CMS.</p>
</li>
<li>
<p>Optionally use the checkbox to enable <strong>Cycle Based Playback</strong>, and provide a number to determine how many plays a Layout should have before moving onto the next Layout in the Campaign.</p>
</li>
</ul>
<blockquote class="tip"><p>If a 2 was set as the Play Count, the same Layout would be shown twice each Schedule loop before moving onto the next Layout in the sequence.</p>
</blockquote>
<ul>
<li>Leave Cycle based playback blank and use the <strong>List Play Order</strong> menu to select how Layouts will play when scheduled concurrently with another Campaign with the same Display Order:</li>
<li>Select <strong>Round Robin</strong> to interleave Layouts from each Campaign or <strong>Block</strong> to play Layouts in their set sequence from one Campaign before moving onto the next Campaign.</li>
<li>Click to <strong>Save</strong>.</li>
</ul>
<p>On saving, the form will re-open with an additional Layouts tab:</p>
<ul>
<li>
<p>Select the <strong>Layouts</strong> which should be added to the <strong>Campaign</strong>.</p>
</li>
<li>
<p>Use the <code>+</code> icon to for each Layout to add.</p>
</li>
<li>
<p>Added Layouts will be shown at the top of the <strong>Edit Campaign</strong> form.</p>
</li>
</ul>
<p>Layouts can be re-ordered from here by drag and drop to ensure they play in the correct sequence.</p>
<p>Use the <code>-</code> icon for an added Layout to remove from the Campaign.</p>
<ul>
<li>Click to <strong>Save</strong>.</li>
</ul>
<h2 id="further_reading">Further Reading <a href="#further_reading" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
<p><a href="layouts_editor.html">Creating Layouts in the Layout Editor</a></p>
<h2 id="faqs">FAQs <a href="#faqs" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
<p><em><strong>Is there an easy way to create multiple Campaigns?</strong></em></p>
<p>Make copies of selected Campaigns by using the row menu in the Campaign grid. Once a copy has been created use the row menu to select Edit to make changes to the Layout selection.</p>
<p><em><strong>Can I assign Layouts to a Campaign from anywhere else in the CMS?</strong></em></p>
<p>Directly assign Layouts to Campaigns from the Layout grid. Use the row menu for a selected Layout and click Assign to Campaign. Once added the Layout will be added at the end of the sequence of other added Layouts by default.</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>