171 lines
9.8 KiB
HTML
171 lines
9.8 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="layouts">
|
||
<!-- 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><!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="layouts_editor.html">Layout Editor</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_using_templates.html">Using Templates</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_library_search.html">Library Search</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_global_elements.html">Global Elements</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_data_widgets.html">Data Widgets</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_editing_tools.html">Editing Tools</a></p>
|
||
</li>
|
||
<li>
|
||
<p class="active"><a href="layouts_editor_design_changes.html">Design Changes</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_playlists.html">Add Playlists</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_editor_widgets.html">Widgets</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_interactive_actions.html">Interactive Actions</a></p>
|
||
</li>
|
||
<li>
|
||
<p><a href="layouts_templates.html">Layout Templates</a></p>
|
||
</li>
|
||
</ul>
|
||
</body></html>
|
||
<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><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_design_changes">Layout Design Changes <a href="#layout_design_changes" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h1>
|
||
<p>From time to time, <strong>Layouts</strong> may need design changes/updates to keep content fresh and relevant. OTS Signs Command Center will continue to show the Published Layout design already in Display Schedules allowing Users to make important changes to a checked out draft version of the Layout. Only approved changes will overwrite the existing design once a User selects to Publish.</p>
|
||
<p>Layouts that are in a <strong>Draft</strong> status are simply edited by using the row menu and selecting <strong>Design</strong> to open the Layout Editor.</p>
|
||
<p>Selecting <strong>Design</strong> for a <strong>Published Layout</strong> will show that it is locked for editing.</p>
|
||
<ul>
|
||
<li>Click <strong>View</strong> to see all the components of the Layout in a read only mode.</li>
|
||
<li>Click <strong>Checkout</strong> to create a draft of the Layout to enable editing.</li>
|
||
</ul>
|
||
<p>Once a Layout has been “checked out”, a copy of the Layout is made in a draft status. This draft Layout will not reflect any changes to the published version. Any <strong>Display</strong> schedules will continue to show the <strong>Published</strong> version of this <strong>Layout</strong> allowing Users to take their time with any design changes that need to be made.</p>
|
||
<blockquote class="tip"><p>Layouts can also be “checked out” from the row menu ahead of a User needing to make design changes. Select the ‘auto submit’ checkbox to send the form automatically without the additional approval window every time Checkout is selected!</p>
|
||
</blockquote>
|
||
<h2 id="layout_lock">Layout Lock <a href="#layout_lock" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<p>To prevent multiple Users making edits to the same Layout concurrently, the Layout will lock.</p>
|
||
<p>The Layout will remain locked to other Users for the time specified in the lock message. The Layout can be unlocked by the current User by using the Options menu and selecting <strong>Unlock</strong>. Once unlocked, the current user will be redirected back to the Layouts grid.</p>
|
||
<p>To revert the Layout back to it’s original published state, use the <strong>Options</strong> menu and select <strong>Discard Draft</strong>.</p>
|
||
<h2 id="publish_options">Publish options <a href="#publish_options" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<p>To make the changes permanent and overwrite the existing Published Layout, select <strong>Publish</strong>.</p>
|
||
<p>Layouts can be published straight away using the <strong>Publish Now</strong> checkbox, or unticking this options provides the User to set a date and time as a <strong>Publish Date</strong>.</p>
|
||
<blockquote class="tip"><p>Setting a <strong>Publish Date i</strong>s not an alternative to creating an event in a schedule!</p>
|
||
</blockquote>
|
||
<p>Once published the CMS will update a Layout change so that the approved design changes will be shown on Displays.</p>
|
||
<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#content-adding-and-arranging-content">Adding and Arranging Content</a></p>
|
||
<h2 id="faq’s">FAQ’s <a href="#faq’s" class="header-link"><span class="glyphicon glyphicon-link"></span></a></h2>
|
||
<p><em><strong>Can I remove the automatic submission of Checkout forms?</strong></em></p>
|
||
<p>Forms which have been enabled to ‘auto submit’ can be viewed and managed from the User Profile settings</p>
|
||
<p><em><strong>Can I set Layouts to automatically Publish?</strong></em></p>
|
||
<p>There is a default setting which can be set to automatically Publish all Draft Layouts 30 minutes after the last User edit. This is found in the Settings page under the Administration section of the main CMS menu.</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>
|