web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add back old OO

Browse Source
This commit is contained in:
yflory
2020-01-21 15:39:15 +01:00
parent 671999c600
commit a7a91fb0a5
3594 changed files with 1724571 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/app.js Normal file
View File

File diff suppressed because one or more lines are too long

363
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/index.html Normal file
View File

@@ -0,0 +1,363 @@
<!DOCTYPE html>
<html style="width:100%; height:100%;">
<head>
<title>ONLYOFFICE Presentation Editor</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=IE8"/>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="icon" href="resources/img/favicon.ico" type="image/x-icon" />
<!-- splash -->
<style type="text/css">
.loadmask {
left: 0;
top: 0;
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
border: none;
background-color: #f4f4f4;
z-index: 100;
}
.loader-page {
width: 100%;
height: 170px;
bottom: 42%;
position: absolute;
text-align: center;
line-height: 10px;
}
.loader-logo {
max-height: 160px;
margin-bottom: 10px;
}
.loader-page-romb {
width: 40px;
display: inline-block;
}
.loader-page-text {
width: 100%;
bottom: 42%;
position: absolute;
text-align: center;
color: #888;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 20px;
}
.loader-page-text-loading {
font-size: 14px;
}
.loader-page-text-customer {
font-size: 16px;
margin-bottom: 5px;
}
.romb {
width: 40px;
height: 40px;
-webkit-transform: rotate(135deg) skew(20deg, 20deg);
-moz-transform: rotate(135deg) skew(20deg, 20deg);
-ms-transform: rotate(135deg) skew(20deg, 20deg);
-o-transform: rotate(135deg) skew(20deg, 20deg);
position: absolute;
background: red;
border-radius: 6px;
-webkit-animation: movedown 3s infinite ease;
-moz-animation: movedown 3s infinite ease;
-ms-animation: movedown 3s infinite ease;
-o-animation: movedown 3s infinite ease;
animation: movedown 3s infinite ease;
}
#blue {
z-index: 3;
background: #55bce6;
-webkit-animation-name: blue;
-moz-animation-name: blue;
-ms-animation-name: blue;
-o-animation-name: blue;
animation-name: blue;
}
#red {
z-index:1;
background: #de7a59;
-webkit-animation-name: red;
-moz-animation-name: red;
-ms-animation-name: red;
-o-animation-name: red;
animation-name: red;
}
#green {
z-index: 2;
background: #a1cb5c;
-webkit-animation-name: green;
-moz-animation-name: green;
-ms-animation-name: green;
-o-animation-name: green;
animation-name: green;
}
@-webkit-keyframes red {
0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; }
14% { background: #f4f4f4; top:120px; }
15% { background: #f4f4f4; top:0;}
20% { background: #E6E4E4; }
30% { background: #D2D2D2; }
40% { top:120px; }
100% { top:120px; background: #de7a59; }
}
@keyframes red {
0% { top:120px; background: #de7a59; }
10% { top:120px; background: #F2CBBF; }
14% { background: #f4f4f4; top:120px; }
15% { background: #f4f4f4; top:0; }
20% { background: #E6E4E4; }
30% { background: #D2D2D2; }
40% { top:120px; }
100% { top:120px; background: #de7a59; }
}
@-webkit-keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; }
70% { top:110px; }
100% { top:110px; background: #a1cb5c; }
}
@keyframes green {
0% { top:110px; background: #a1cb5c; opacity:1; }
10% { top:110px; background: #CBE0AC; opacity:1; }
14% { background: #f4f4f4; top:110px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #EFEFEF; top:0; opacity:1; }
30% { background:#E6E4E4; }
70% { top:110px; }
100% { top:110px; background: #a1cb5c; }
}
@-webkit-keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; }
}
@keyframes blue {
0% { top:100px; background: #55bce6; opacity:1; }
10% { top:100px; background: #BFE8F8; opacity:1; }
14% { background: #f4f4f4; top:100px; opacity:1; }
15% { background: #f4f4f4; top:0; opacity:1; }
20% { background: #f4f4f4; top:0; opacity:0; }
25% { background: #f4f4f4; top:0; opacity:0; }
45% { background: #EFEFEF; top:0; opacity:0,2; }
100% { top:100px; background: #55bce6; }
}
</style>
<script>
var userAgent = navigator.userAgent.toLowerCase(),
check = function(regex){ return regex.test(userAgent); },
stopLoading = false;
if (!check(/opera/) && (check(/msie/) || check(/trident/))) {
var m = /msie (\d+\.\d+)/.exec(userAgent);
if (m && parseFloat(m[1]) < 9.0) {
document.write('<div class="app-error-panel">' +
'<div class="message-block">' +
'<div class="message-inner">' +
'<div class="title">Your browser is not supported.</div>' +
'<div class="text">Sorry, Presentation Editor is currently only supported in the latest versions of the Chrome, Firefox, Safari or Internet Explorer web browsers.</div>' +
'</div>' +
'</div></div>');
stopLoading = true;
}
}
function getUrlParams() {
var e,
a = /\+/g, // Regex for replacing addition symbol with a space
r = /([^&=]+)=?([^&]*)/g,
d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
q = window.location.search.substring(1),
urlParams = {};
while (e = r.exec(q))
urlParams[d(e[1])] = d(e[2]);
return urlParams;
}
function encodeUrlParam(str) {
return str.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&#39;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;');
}
var params = getUrlParams(),
lang = (params["lang"] || 'en').split(/[\-\_]/)[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20,
loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
window.frameEditorId = params["frameEditorId"];
if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...';
else if ( lang == 'fr') loading = 'Chargement en cours...';
else if ( lang == 'it') loading = 'Caricamento in corso...';
else if ( lang == 'pt') loading = 'Carregando...';
else if ( lang == 'ru') loading = 'Загрузка...';
else if ( lang == 'sl') loading = 'Nalaganje...';
else if ( lang == 'tr') loading = 'Yükleniyor...';
if (!stopLoading)
document.write(
'<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!==null) ? 'height: auto;' : '') + '">' +
((logo!==null) ? logo :
'<div class="loader-page-romb">' +
'<div class="romb" id="blue"></div>' +
'<div class="romb" id="green"></div>' +
'<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' +
'</div>');
</script>
<link rel="stylesheet" type="text/css" href="../../../apps/presentationeditor/main/resources/css/app.css">
</head>
<body>
<script>
var userAgent = navigator.userAgent.toLowerCase(),
check = function(regex){ return regex.test(userAgent); },
stopLoading = false;
if (!check(/opera/) && (check(/msie/) || check(/trident/))) {
var m = /msie (\d+\.\d+)/.exec(userAgent);
if (m && parseFloat(m[1]) < 9.0) {
document.write('<div class="app-error-panel">' +
'<div class="message-block">' +
'<div class="message-inner">' +
'<div class="title">Your browser is not supported.</div>' +
'<div class="text">Sorry, Presentation Editor is currently only supported in the latest versions of the Chrome, Firefox, Safari or Internet Explorer web browsers.</div>' +
'</div>' +
'</div></div>');
stopLoading = true;
}
}
function getUrlParams() {
var e,
a = /\+/g, // Regex for replacing addition symbol with a space
r = /([^&=]+)=?([^&]*)/g,
d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
q = window.location.search.substring(1),
urlParams = {};
while (e = r.exec(q))
urlParams[d(e[1])] = d(e[2]);
return urlParams;
}
function encodeUrlParam(str) {
return str.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&#39;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;');
}
var params = getUrlParams(),
lang = (params["lang"] || 'en').split(/[\-\_]/)[0],
customer = params["customer"] ? ('<div class="loader-page-text-customer">' + encodeUrlParam(params["customer"]) + '</div>') : '',
margin = (customer !== '') ? 50 : 20,
loading = 'Loading...',
logo = params["logo"] ? ((params["logo"] !== 'none') ? ('<img src="' + encodeUrlParam(params["logo"]) + '" class="loader-logo" />') : '') : null;
window.frameEditorId = params["frameEditorId"];
if ( lang == 'de') loading = 'Ladevorgang...';
else if ( lang == 'es') loading = 'Cargando...';
else if ( lang == 'fr') loading = 'Chargement en cours...';
else if ( lang == 'it') loading = 'Caricamento in corso...';
else if ( lang == 'pt') loading = 'Carregando...';
else if ( lang == 'ru') loading = 'Загрузка...';
else if ( lang == 'sl') loading = 'Nalaganje...';
else if ( lang == 'tr') loading = 'Yükleniyor...';
if (!stopLoading)
document.write(
'<div id="loading-mask" class="loadmask">' +
'<div class="loader-page" style="margin-bottom: ' + margin + 'px;' + ((logo!==null) ? 'height: auto;' : '') + '">' +
((logo!==null) ? logo :
'<div class="loader-page-romb">' +
'<div class="romb" id="blue"></div>' +
'<div class="romb" id="green"></div>' +
'<div class="romb" id="red"></div>' +
'</div>') +
'</div>' +
'<div class="loader-page-text">' + customer +
'<div class="loader-page-text-loading">' + loading + '</div>' +
'</div>' +
'</div>');
window.requireTimeourError = function(){
var reqerr;
if ( lang == 'de') reqerr = 'Die Verbindung ist zu langsam, einige Komponenten konnten nicht geladen werden. Aktualisieren Sie bitte die Seite.';
else if ( lang == 'es') reqerr = 'La conexión es muy lenta, algunos de los componentes no han podido cargar. Por favor recargue la página.';
else if ( lang == 'fr') reqerr = 'La connexion est trop lente, certains des composants n\'ons pas pu être chargé. Veuillez recharger la page.';
else if ( lang == 'ru') reqerr = 'Слишком медленное соединение, не удается загрузить некоторые компоненты. Пожалуйста, обновите страницу.';
else reqerr = 'The connection is too slow, some of the components could not be loaded. Please reload the page.';
return reqerr;
};
var requireTimeoutID = setTimeout(function(){
window.alert(window.requireTimeourError());
window.location.reload();
}, 30000);
var require = {
waitSeconds: 30,
callback: function(){
clearTimeout(requireTimeoutID);
}
};
</script>
<div id="viewport"></div>
<script data-main="app" src="../../../vendor/requirejs/require.js"></script>
</body>
</html>

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/cs.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/de.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/en.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/es.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/fr.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/it.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/ja.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/ko.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/lv.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/nl.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/pl.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/pt.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/ru.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/sk.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/sl.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/tr.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/uk.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/vi.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/locale/zh.json Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/css/app.css Normal file
View File

File diff suppressed because one or more lines are too long

1
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/Contents.json Normal file
View File

@@ -0,0 +1 @@
[{"src":"UsageInstructions/OpenCreateNew.htm","name":"Create a new presentation or open an existing one","headername":"Usage Instructions"},{"src":"UsageInstructions/ManageSlides.htm","name":"Manage slides"},{"src":"UsageInstructions/SetSlideParameters.htm","name":"Set slide parameters"},{"src":"UsageInstructions/ApplyTransitions.htm","name":"Apply transitions"},{"src":"UsageInstructions/InsertAutoshapes.htm","name":"Insert and format autoshapes"},{"src":"UsageInstructions/InsertImages.htm","name":"Insert and adjust images"},{"src":"UsageInstructions/InsertCharts.htm","name":"Insert and edit charts"},{"src":"UsageInstructions/ManipulateObjects.htm","name":"Manipulate objects on a slide"},{"src":"UsageInstructions/InsertText.htm","name":"Insert and format your text"},{"src":"UsageInstructions/AddHyperlinks.htm","name":"Add hyperlinks"},{"src":"UsageInstructions/CreateLists.htm","name":"Create lists"},{"src":"UsageInstructions/InsertTables.htm","name":"Insert and format tables"},{"src":"UsageInstructions/InsertEquation.htm","name":"Insert equations"},{"src":"UsageInstructions/FillObjectsSelectColor.htm","name":"Fill objects and select colors"},{"src":"UsageInstructions/AlignArrangeObjects.htm","name":"Align and arrange objects on a slide"},{"src":"UsageInstructions/CopyPasteUndoRedo.htm","name":"Copy/paste data, undo/redo your actions"},{"src":"UsageInstructions/CopyClearFormatting.htm","name":"Copy/clear formatting"},{"src":"UsageInstructions/PreviewPresentation.htm","name":"Preview your presentation"},{"src":"UsageInstructions/ViewPresentationInfo.htm","name":"View presentation information"},{"src":"UsageInstructions/SavePrintDownload.htm","name":"Save/print/download your presentation"},{"src":"HelpfulHints/About.htm","name":"About Presentation Editor","headername":"Helpful Hints"},{"src":"HelpfulHints/SupportedFormats.htm","name":"Supported Formats of Electronic Presentations"},{"src":"HelpfulHints/AdvancedSettings.htm","name":"Advanced Settings of Presentation Editor"},{"src":"HelpfulHints/Navigation.htm","name":"View Settings and Navigation Tools"},{"src":"HelpfulHints/Search.htm","name":"Search Function"},{"src":"HelpfulHints/CollaborativeEditing.htm","name":"Collaborative Presentation Editing"},{"src":"HelpfulHints/SpellChecking.htm","name":"Spell-checking"},{"src":"HelpfulHints/KeyboardShortcuts.htm","name":"Keyboard Shortcuts"}]

20
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/About.htm Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>About Presentation Editor</title>
<meta charset="utf-8" />
<meta name="description" content="The short description of Presentation Editor" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>About Presentation Editor</h1>
<p><b>Presentation Editor</b> is an <span class="onlineDocumentFeatures">online</span> application that lets you look through
and edit presentations<span class="onlineDocumentFeatures"> directly in your browser</span>.</p>
<p>Using <b>Presentation Editor</b>, you can perform various editing operations like in any desktop editor,
print the edited presentations keeping all the formatting details or download them onto your computer hard disk drive
as PDF, PPTX, or ODP files.</p>
<p>To view the current software version and licensor details, click the <img alt="About icon" src="../images/about.png" /> icon at the left sidebar.</p>
</div>
</body>
</html>

30
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/AdvancedSettings.htm Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Advanced Settings of Presentation Editor</title>
<meta charset="utf-8" />
<meta name="description" content="The advanced settings of Presentation Editor" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Advanced Settings of Presentation Editor</h1>
<p><b>Presentation Editor</b> lets you change its advanced settings. To access them, click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Advanced Settings...</b> option. You can also use the <img alt="Advanced Settings icon" src="../images/advanced_settings_icon.png" /> icon in the right upper corner of the top toolbar.</p>
<p>The advanced settings are:</p>
<ul>
<li><b>Alternate Input</b> is used to turn on/off hieroglyphs.</li>
<li><b>Alignment Guides</b> is used to turn on/off alignment guides that appear when you move objects and allow you to position them on the slide precisely.</li>
<li class="onlineDocumentFeatures"><b>Autosave</b> is used to turn on/off automatic saving of changes you make while editing.</li>
<li class="onlineDocumentFeatures"><b>Co-editing Mode</b> is used to select the display of the changes made during the co-editing:
<ul>
<li>By default the <b>Fast</b> mode is selected, the users who take part in the document co-editing will see the changes in realtime once they are made by other users.</li>
<li>If you prefer not to see other user changes (so that they do not disturb you, or for some other reason), select the <b>Strict</b> mode and all the changes will be shown only after you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon notifying you that there are changes from other users.</li>
</ul>
</li>
<li><b>Default Zoom Value</b> is used to set the default zoom value selecting it in the list of available options from 50% to 200%. You can also choose the <b>Fit to Slide</b> or <b>Fit to Width</b> option.</li>
<li><b>Unit of Measurement</b> is used to specify what units are used on the rulers and in properties windows for measuring elements parameters such as width, height, spacing, margins etc. You can select the <b>Centimeter</b>, <b>Point</b>, or <b>Inch</b> option.</li>
</ul>
<p>To save the changes you made, click the <b>Apply</b> button.</p>
</div>
</body>
</html>

63
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/CollaborativeEditing.htm Normal file
View File

@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<title>Collaborative Presentation Editing</title>
<meta charset="utf-8" />
<meta name="description" content="Tips on collaborative editing" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Collaborative Presentation Editing</h1>
<p><b>Presentation Editor</b> offers you the possibility to work at a presentation collaboratively with other users. This feature includes:</p>
<ul>
<li class="onlineDocumentFeatures">simultaneous multi-user access to the edited presentation</li>
<li class="onlineDocumentFeatures">visual indication of objects that are being edited by other users</li>
<li class="onlineDocumentFeatures">synchronization of changes with one button click</li>
<li class="onlineDocumentFeatures">chat to share ideas concerning particular presentation parts</li>
<li>comments containing the description of a task or problem that should be solved</li>
</ul>
<div class="onlineDocumentFeatures">
<h3>Co-editing</h3>
<p><b>Presentation Editor</b> allows to select one of the two available co-editing modes. <b>Fast</b> is used by default and shows the changes made by other users in realtime. <b>Strict</b> is selected to hide other user changes until you click the <b>Save</b> <img alt="Save icon" src="../images/saveupdate.png" /> icon to save your own changes and accept the changes made by others. The mode can be selected in the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a>.</p>
<p>When a presentation is being edited by several users simultaneously in the <b>Strict</b> mode, the edited objects (autoshapes, text objects, tables, images, charts) are marked with dashed lines of different colors. The object that you are editing is surrounded by the green dashed line. Red dashed lines indicate that objects are being edited by other users. By hovering the mouse cursor over one of the edited passages, the name of the user who is editing it at the moment is displayed. The <b>Fast</b> mode will show the actions and the names of the co-editors once they are editing the text.</p>
<p>The number of users who are working at the current presentation is specified in the left lower corner at the status bar - <img alt="Number of users icon" src="../images/usersnumber.png" />. If you want to see who exactly are editing the file now, you can open the <b>Chat</b> panel with the full list of the users.</p>
<p>When no users are viewing or editing the file, the icon in the status bar will look like <img alt="Manage document access rights icon" src="../images/access_rights.png" /> allowing you to manage the users who have access to the file right from the document: invite new users giving them either full or read-only access, or denying some users access rights to the file. Click this icon to manage the access to the file; this can be done both when there are no other users who view or co-edit the document at the moment and when there are other users and the icon looks like <img alt="Number of users icon" src="../images/usersnumber.png" />.</p>
<p>As soon as one of the users saves his/her changes by clicking the <img alt="Save icon" src="../images/savewhilecoediting.png" /> icon, the others will see a note within the status bar stating that they have updates. To save the changes you made, so that other users can view them, and get the updates saved by your co-editors, click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar. The updates will be highlighted for you to check what exactly has been changed.</p>
<h3>Chat</h3>
<p>You can use this tool to coordinate the co-editing process on-the-fly, for example, to arrange with your collaborators about who is doing what, which paragraph you are going to edit now etc.</p>
<p>The chat messages are stored during one session only. To discuss the document content it is better to use comments which are stored until you decide to delete them.</p>
<p>To access the chat and leave a message for other users,</p>
<ol>
<li>click the <img alt="Chat icon" src="../images/chaticon.png" /> icon at the left sidebar,</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p>All the messages left by users will be displayed on the panel on the left. If there are new messages you haven't read yet, the chat icon will look like this - <img alt="Chat icon" src="../images/chaticon_new.png" />.</p>
<p>To close the panel with chat messages, click the <img alt="Chat icon" src="../images/chaticon.png" /> icon once again.</p>
</div>
<h3>Comments</h3>
<p>To leave a comment:</p>
<ol>
<li>select an object where you think there is an error or problem,</li>
<li>
use the <img alt="Comments icon" src="../images/commentsicon.png" /> icon at the left sidebar to open the <b>Comments</b> panel and click the <b>Add Comment to Document</b> link, or<br />
right-click the selected object and select the <b>Add Сomment</b> option from the menu,
</li>
<li>enter the needed text,</li>
<li>click the <b>Add Comment/Add</b> button.</li>
</ol>
<p>The comment will be seen on the panel on the left. The object you commented will be marked with the <img alt="Commented object icon" src="../images/added_comment_icon.png" /> icon. To view the comment, just click on this icon. <!--If you need to disable this feature, click the <img alt="File icon" src="../images/file.png" /> icon, select the <b>Advanced Settings...</b> option and uncheck the <b>Turn on live commenting option</b> box. In this case the commented passages will be highlighted only if you click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon.--></p>
<p>Any other user can answer to the added comment asking questions or reporting on the work he/she has done. For this purpose, click the <b>Add Reply</b> link situated under the comment.</p>
<p>You can manage the comments you added in the following way:</p>
<ul>
<li>edit them by clicking the <img alt="Edit icon" src="../images/editcommenticon.png" /> icon,</li>
<li>delete them by clicking the <img alt="Delete icon" src="../images/deletecommenticon.png" /> icon,</li>
<li>close the discussion by clicking the <img alt="Resolve icon" src="../images/resolveicon.png" /> icon if the task or problem you stated in your comment was solved, after that the discussion you opened with your comment gets the resolved status. To open it again, click the <img alt="Open again icon" src="../images/resolvedicon.png" /> icon.</li>
</ul>
<p>New comments added by other users will become visible only after you click the <img alt="Save icon" src="../images/saveupdate.png" /> icon in the left upper corner of the top toolbar.</p>
<p>To close the panel with comments, click the <img alt="Comments icon" src="../images/commentsicon.png" /> icon once again.</p>
</div>
</body>
</html>

365
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/KeyboardShortcuts.htm Normal file
View File

@@ -0,0 +1,365 @@
<!DOCTYPE html>
<html>
<head>
<title>Keyboard Shortcuts</title>
<meta charset="utf-8" />
<meta name="description" content="The keyboard shortcut list used for a faster and easier access to the features of Presentation Editor using the keyboard." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Keyboard Shortcuts</h1>
<table>
<tr>
<th colspan="3">Working with Presentation</th>
</tr>
<tr>
<td class="function">Open 'File' panel</td>
<td class="combination">Alt+F</td>
<td class="description">Open the <b>File</b> panel to save, download, print the current presentation, view its info, create a new presentation or open an existing one, access Presentation Editor help or advanced settings.</td>
</tr>
<tr>
<td>Open 'Search' panel</td>
<td>Ctrl+F</td>
<td>Open the <b>Search</b> panel to start searching for a character/word/phrase in the currently edited presentation.</td>
</tr>
<tr>
<td>Open 'Comments' panel</td>
<td>Ctrl+Shift+H</td>
<td>Open the <b>Comments</b> panel to add your own comment or reply to other users' comments.</td>
</tr>
<tr>
<td>Open comment field</td>
<td>Alt+H</td>
<td>Open a data entry field where you can add the text of your comment.</td>
</tr>
<tr class="onlineDocumentFeatures">
<td>Open 'Chat' panel</td>
<td>Alt+Q</td>
<td>Open the <b>Chat</b> panel and send a message.</td>
</tr>
<tr>
<td>Save presentation</td>
<td>Ctrl+S</td>
<td>Save all the changes to the presentation currently edited with Presentation Editor.</td>
</tr>
<tr>
<td>Print presentation</td>
<td>Ctrl+P</td>
<td>Print the presentation with one of the available printers or save it to a file.</td>
</tr>
<tr>
<td>Save As (Download As)</td>
<td>Ctrl+Shift+S</td>
<td>Save the currently edited presentation to the computer hard disk drive in one of the supported formats: PDF, PPTX.</td>
</tr>
<tr>
<td>Full screen</td>
<td>F11</td>
<td>Switch to the full screen view to fit Presentation Editor into your screen.</td>
</tr>
<tr>
<td>Help menu</td>
<td>F1</td>
<td>Open Presentation Editor <b>Help</b> menu.</td>
</tr>
<tr>
<th colspan="3">Navigation</th>
</tr>
<tr>
<td>The first slide</td>
<td>Home</td>
<td>Go to the first slide of the currently edited presentation.</td>
</tr>
<tr>
<td>The last slide</td>
<td>End</td>
<td>Go to the last slide of the currently edited presentation.</td>
</tr>
<tr>
<td>Next slide</td>
<td>PgDn</td>
<td>Go to the next slide of the currently edited presentation.</td>
</tr>
<tr>
<td>Previous slide</td>
<td>PgUp</td>
<td>Go to the previous slide of the currently edited presentation.</td>
</tr>
<tr>
<td>Select the next shape</td>
<td>Tab</td>
<td>Select the next shape after the currently selected one.</td>
</tr>
<tr>
<td>Select the previous shape</td>
<td>Shift+Tab</td>
<td>Select the previous shape before the currently selected one.</td>
</tr>
<tr>
<td>Zoom In</td>
<td>Ctrl++</td>
<td>Zoom in the currently edited presentation.</td>
</tr>
<tr>
<td>Zoom Out</td>
<td>Ctrl+-</td>
<td>Zoom out the currently edited presentation.</td>
</tr>
<tr>
<th colspan="3">Performing Actions on Slides</th>
</tr>
<tr>
<td>New slide</td>
<td>Ctrl+M</td>
<td>Create a new slide and add it after the selected one in the list.</td>
</tr>
<tr>
<td>Duplicate slide</td>
<td>Ctrl+D</td>
<td>Duplicate the selected slide in the list.</td>
</tr>
<tr>
<td>Move slide up</td>
<td>Ctrl+Up ARROW</td>
<td>Move the selected slide above the previous one in the list.</td>
</tr>
<tr>
<td>Move slide down</td>
<td>Ctrl+Down ARROW</td>
<td>Move the selected slide below the following one in the list.</td>
</tr>
<tr>
<td>Move slide to beginning</td>
<td>Ctrl+Shift+Up ARROW</td>
<td>Move the selected slide to the very first position in the list.</td>
</tr>
<tr>
<td>Move slide to end</td>
<td>Ctrl+Shift+Down ARROW</td>
<td>Move the selected slide to the very last position in the list.</td>
</tr>
<tr>
<th colspan="3">Performing Actions on Objects</th>
</tr>
<tr>
<td>Create a copy</td>
<td>Ctrl+drag or Ctrl+D</td>
<td>Hold down the Ctrl key when dragging the selected object or press Ctrl+D to create its copy.</td>
</tr>
<tr>
<td>Group</td>
<td>Ctrl+G</td>
<td>Group the selected objects.</td>
</tr>
<tr>
<td>Ungroup</td>
<td>Ctrl+Shift+G</td>
<td>Ungroup the selected group of objects.</td>
</tr>
<tr>
<th colspan="3">Modifying Objects</th>
</tr>
<tr>
<td>Constrain movement</td>
<td>Shift+drag</td>
<td>Constrain the movement of the selected object horizontally or vertically.</td>
</tr>
<tr>
<td>Set 15-degree-rotation</td>
<td>Shift+drag (when rotating)</td>
<td>Constrain the rotation angle to 15 degree increments.</td>
</tr>
<tr>
<td>Maintain proportions</td>
<td>Shift+drag (when resizing)</td>
<td>Maintain the proportions of the selected object when resizing.</td>
</tr>
<tr>
<td>Movement pixel by pixel</td>
<td>Ctrl</td>
<td>Hold down the Ctrl key and use the keybord arrows to move the selected object by one pixel at a time.</td>
</tr>
<tr>
<th colspan="3"><a id="preview"></a>Previewing Presentation</th>
</tr>
<tr>
<td>Start preview from the beginning</td>
<td>Ctrl+F5</td>
<td>Start a presentation from the beginning.</td>
</tr>
<tr>
<td>Navigate forward</td>
<td>ENTER, PAGE DOWN, RIGHT ARROW, DOWN ARROW, or SPACEBAR</td>
<td>Perform the next animation or advance to the next slide.</td>
</tr>
<tr>
<td>Navigate backward</td>
<td>PAGE UP, LEFT ARROW, UP ARROW</td>
<td>Perform the previous animation or return to the previous slide.</td>
</tr>
<tr>
<td>Close preview</td>
<td>ESC</td>
<td>End a presentation.</td>
</tr>
<tr>
<th colspan="3">Undo and Redo</th>
</tr>
<tr>
<td>Undo</td>
<td>Ctrl+Z</td>
<td>Reverse the latest performed action.</td>
</tr>
<tr>
<td>Redo</td>
<td>Ctrl+Y</td>
<td>Repeat the latest undone action.</td>
</tr>
<tr>
<th colspan="3">Cut, Copy, and Paste</th>
</tr>
<tr>
<td>Cut</td>
<td>Ctrl+X, Shift+Delete</td>
<td>Cut the selected object and send it to the computer clipboard memory. The cut object can be later inserted to another place in the same presentation<!--, into another presentation, or into some other program-->.</td>
</tr>
<tr>
<td>Copy</td>
<td>Ctrl+C, Ctrl+Insert</td>
<td>Send the selected object to the computer clipboard memory. The copied object can be later inserted to another place in the same presentation<!--, into another presentation, or into some other program-->.</td>
</tr>
<tr>
<td>Paste</td>
<td>Ctrl+V, Shift+Insert</td>
<td>Insert the previously copied object from the computer clipboard memory to the current cursor position. The object can be previously copied from the same presentation<!--, from another presentation, or from some other program-->.</td>
</tr>
<tr>
<td>Insert hyperlink</td>
<td>Ctrl+K</td>
<td>Insert a hyperlink which can be used to go to a web address or to a certain slide in the presentation.</td>
</tr>
<tr>
<td>Copy style</td>
<td>Ctrl+Shift+C</td>
<td>Copy the formatting from the selected fragment of the currently edited text. The copied formatting can be later applied to another text fragment in the same presentation.</td>
</tr>
<tr>
<td>Apply style</td>
<td>Ctrl+Shift+V</td>
<td>Apply the previously copied formatting to the text in the currently edited text box.</td>
</tr>
<tr>
<th colspan="3">Selecting with the Mouse</th>
</tr>
<tr>
<td>Add to the selected fragment</td>
<td>Shift</td>
<td>Start the selection, hold down the Shift key and click where you need to end the selection.</td>
</tr>
<tr>
<th colspan="3"><a id="textselection"></a>Selecting using the Keyboard</th>
</tr>
<tr>
<td>Select all</td>
<td>Ctrl+A</td>
<td>Select all the slides (in the slides list) or all the objects within the slide (in the slide editing area) or all the text (within the text box) - depending on where the mouse cursor is located.</td>
</tr>
<tr>
<td>Select text fragment</td>
<td>Shift+Arrow</td>
<td>Select the text character by character.</td>
</tr>
<tr>
<td>Select text from cursor to beginning of line</td>
<td>Shift+Home</td>
<td>Select a text fragment from the cursor to the beginning of the current line.</td>
</tr>
<tr>
<td>Select text from cursor to end of line</td>
<td>Shift+End</td>
<td>Select a text fragment from the cursor to the end of the current line.</td>
</tr>
<tr>
<th colspan="3">Text Styling</th>
</tr>
<tr>
<td>Bold</td>
<td>Ctrl+B</td>
<td>Make the font of the selected text fragment bold giving it more weight.</td>
</tr>
<tr>
<td>Italic</td>
<td>Ctrl+I</td>
<td>Make the font of the selected text fragment italicized giving it some right side tilt.</td>
</tr>
<tr>
<td>Underline</td>
<td>Ctrl+U</td>
<td>Make the selected text fragment underlined with the line going under the letters.</td>
</tr>
<tr>
<td>Subscript</td>
<td>Ctrl+.(dot)</td>
<td>Make the selected text fragment smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</td>
</tr>
<tr>
<td>Superscript</td>
<td>Ctrl+,(comma)</td>
<td>Make the selected text fragment smaller and place it to the upper part of the text line, e.g. as in fractions.</td>
</tr>
<tr>
<td>Bulleted list</td>
<td>Ctrl+Shift+L</td>
<td>Create an unordered bulleted list from the selected text fragment or start a new one.</td>
</tr>
<tr>
<td>Remove formatting</td>
<td>Ctrl+Spacebar</td>
<td>Remove formatting from the selected text fragment.</td>
</tr>
<tr>
<td>Increase font</td>
<td>Ctrl+]</td>
<td>Increase the size of the font for the selected text fragment 1 point.</td>
</tr>
<tr>
<td>Decrease font</td>
<td>Ctrl+[</td>
<td>Decrease the size of the font for the selected text fragment 1 point.</td>
</tr>
<tr>
<td>Align center/left</td>
<td>Ctrl+E</td>
<td>Switch a paragraph between centered and left-aligned.</td>
</tr>
<tr>
<td>Align justified/left</td>
<td>Ctrl+J</td>
<td>Switch a paragraph between justified and left-aligned.</td>
</tr>
<tr>
<td>Align right/left</td>
<td>Ctrl+R</td>
<td>Switch a paragraph between right-aligned and left-aligned.</td>
</tr>
<tr>
<td>Align left</td>
<td>Ctrl+L</td>
<td>Align left with the text lined up by the left side of the text box, the right side remains unaligned.</td>
</tr>
<!--<tr>
<td>Increase indent</td>
<td>Ctrl+M</td>
<td>Indent a paragraph from the left incrementally.</td>
</tr>
<tr>
<td>Decrease indent</td>
<td>Ctrl+Shift+M</td>
<td>Remove a paragraph indent from the left incrementally.</td>
</tr>-->
</table>
</div>
</body>
</html>

41
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/Navigation.htm Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<title>View Settings and Navigation Tools</title>
<meta charset="utf-8" />
<meta name="description" content="The description of view settings and navigation tools such as zoom, previous/next slide buttons" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>View Settings and Navigation Tools</h1>
<p><b>Presentation Editor</b> offers several tools to help you view and navigate through your presentation: zoom, previous/next slide buttons, slide number indicator.</p>
<h3>Adjust the View Settings</h3>
<p>To adjust default view settings and set the most convenient mode to work with the presentation, click the <b>View Settings</b> <img alt="View Settings icon" src="../images/viewsettingsicon.png" /> icon at the upper left corner of the top toolbar and select which interface elements you want to be hidden or shown.
You can select the following options from the <b>View Settings</b> drop-down list:
</p>
<ul>
<li><b>View Compact Toolbar</b> - enables a compact toolbar mode that provides access to basic features. To view the default toolbar click this option once again.</li>
<li><b>Hide Title Bar</b> - hides the topmost bar where the document name and the <b>Go to Documents</b> option are displayed. To show the hidden <b>Title Bar</b> click this option once again.</li>
<li><b>Hide Status Bar</b> - hides the bottommost bar where the <b>Slide Number Indicator</b> and <b>Zoom</b> buttons are situated. To show the hidden <b>Status Bar</b> click this option once again.</li>
<li><b>Hide Rulers</b> - hides rulers which are used to set up tab stops and paragraph indents within the text boxes. To show the hidden <b>Rulers</b> click this option once again.</li>
</ul>
<p>The right sidebar is minimized by default. To expand it, select any object/slide and click the icon of the currently activated tab on the right (click the icon once again to minimize the right sidebar). The left sidebar width is adjusted by simple drag-and-drop:
move the mouse cursor over the left sidebar border so that it turns into the bidirectional arrow and drag the border to the left to reduce the sidebar width or to the right to extend it.</p>
<h3>Use the Navigation Tools</h3>
<p>To navigate through your presentation, use the following tools:</p>
<p>The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out the current presentation.
To change the currently selected zoom value that is displayed in percent, click it and select one of the available zoom options from the list
or use the <b>Zoom In</b> <img alt="Zoom In button" src="../images/zoomin.png" /> or <b>Zoom Out</b> <img alt="Zoom Out button" src="../images/zoomout.png" /> buttons.
Click the <b>Fit Width</b> <img alt="Fit Width button" src="../images/fitwidth.png" /> icon to fit the slide width to the visible part of the working area.
To fit the whole slide to the visible part of the working area, click the <b>Fit Slide</b> <img alt="Fit Slide button" src="../images/fitslide.png" /> icon.
Zoom settings are also available in the <b>View Settings</b> <img alt="View Settings icon" src="../images/viewsettingsicon.png" /> drop-down list that can be useful if you decide to hide the <b>Status Bar</b>.</p>
<p class="note"><b>Note</b>: you can set a default zoom value. Click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar, go to the <b>Advanced Settings...</b> section, choose the necessary <b>Default Zoom Value</b> from the list and click the <b>Apply</b> button.</p>
<p>To go to the previous or next slide when editing the presentation, you can use the <img alt="Previous Slide button" src="../images/previouspage.png" /> and <img alt="Next Slide button" src="../images/nextpage.png" /> buttons at the top and bottom of the vertical scroll bar located to the right of the slide.</p>
<p>The <b>Slide Number Indicator</b> shows the current slide as a part of all the slides in the current presentation (slide 'n' of 'nn').
Click this caption to open the window where you can enter the slide number and quickly go to it. If you decide to hide the <b>Status Bar</b>, this tool will become inaccessible.</p>
</div>
</body>
</html>

24
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Search Function</title>
<meta charset="utf-8" />
<meta name="description" content="The description of the search function in Presentation Editor" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Search Function</h1>
<p><b>To search</b> for the needed characters, words or phrases used in the currently edited presentation,
click the <img alt="Search icon" src="../images/searchicon.png" /> icon situated at the left sidebar.</p>
<p>The <b>Search</b> window will open:</p>
<img alt="Search Window" src="../images/search_window.png" />
<ol>
<li>Type in your inquiry into the corresponding data entry field.</li>
<li>Click one of the <b>arrow buttons</b> on the right.
The search will be performed either towards the beginning of the presentation (if you click the <img alt="Left arrow button" src="../images/searchupbutton.png" /> button) or towards the end of the presentation (if you click the <img alt="Right arrow button" src="../images/searchdownbutton.png" /> button) from the current position.</li>
</ol>
<p>The first slide in the selected direction that contains the characters you entered will be highlighted in the slide list and displayed in the working area with the required characters outlined. If it is not the slide you are looking for, click the selected button again to find the next slide containing the characters you entered.</p>
</div>
</body>
</html>

34
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/SpellChecking.htm Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>Spell-checking</title>
<meta charset="utf-8" />
<meta name="description" content="Spell check the text in your language while editing a presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Spell-checking</h1>
<p><b>Presentation Editor</b> allows you to check the spelling of your text in a certain language and correct mistakes while editing.</p>
<p>First of all, <b>choose a language</b> for your presentation. Click the <img alt="Set Presentation Language icon" src="../images/document_language.png" /> icon at the right part of the <b>Status bar</b>. In the window that appears, select the necessary language and click <b>OK</b>. The selected language will be applied to the whole presentation. </p>
<p><img alt="Set Presentation Language window" src="../images/document_language_window.png" /></p>
<p>To <b>choose a different language</b> for any piece of text within the presentation, select the necessary text passage with the mouse and use the <img alt="Spell-checking - Text Language selector" src="../images/spellchecking_language.png" /> menu at the <b>Status bar</b>.</p>
<p>Incorrectly spelled words will be underlined by a red line.</p>
<p>Right click on the necessary word to activate the menu and:</p>
<ul>
<li>choose one of the suggested similar words spelled correctly to replace the misspelled word with the suggested one. If too many variants are found, the <b>More variants...</b> option appears in the menu;</li>
<li>use the <b>Ignore</b> option to skip just that word and remove underlining or <b>Ignore all</b> to skip all the identical words repeated in the text;</li>
<li>select a different language for this word.</li>
</ul>
<p><img alt="Spell-checking" src="../images/spellchecking_presentation.png" /></p>
<p>To <b>turn off</b> the spell checking option,</p>
<ol>
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
<li>select the <b>Advanced Settings...</b> option,</li>
<li>uncheck the <b>Turn on spell checking option</b> box,</li>
<li>click the <b>Apply</b> button.</li>
</ol>
<p>You can alternatively click the <img alt="Spell Checking activated icon" src="../images/spellcheckactivated.png" /> icon at the right part of the <b>Status bar</b> - after that the icon will look like this <img alt="Spell Checking deactivated icon" src="../images/spellcheckdeactivated.png" />.</p>
</div>
</body>
</html>

53
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/HelpfulHints/SupportedFormats.htm Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html>
<head>
<title>Supported Formats of Electronic Presentations</title>
<meta charset="utf-8" />
<meta name="description" content="The list of presentation formats supported by Presentation Editor" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Supported Formats of Electronic Presentation</h1>
<p>Presentation is a set of slides that may include different type of content such as images, media files, text, effects etc.
<b>Presentation Editor</b> handles the following presentation formats:</p>
<table>
<tr>
<td><b>Formats</b></td>
<td><b>Description</b></td>
<td>View</td>
<td>Edit</td>
<td>Download</td>
</tr>
<tr>
<td>PPTX</td>
<td>Office Open XML Presentation<br />Zipped, XML-based file format developed by Microsoft for representing spreadsheets, charts, presentations, and word processing documents</td>
<td>+</td>
<td>+</td>
<td>+</td>
</tr>
<tr>
<td>PPT</td>
<td>File format used by Microsoft PowerPoint</td>
<td>+</td>
<td>+</td>
<td></td>
</tr>
<tr>
<td>ODP</td>
<td>OpenDocument Presentation<br />File format that represents presentation document created by Impress application, which is a part of OpenOffice based office suites</td>
<td>+</td>
<td>+</td>
<td>+</td>
</tr>
<tr>
<td>PDF</td>
<td>Portable Document Format<br />File format used to represent documents in a manner independent of application software, hardware, and operating systems</td>
<td></td>
<td></td>
<td>+</td>
</tr>
</table>
</div>
</body>
</html>

44
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddHyperlinks.htm Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<title>Add hyperlinks</title>
<meta charset="utf-8" />
<meta name="description" content="Add hyperlinks to a word or text fragment leading to an external website or to another slide in the same presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Add hyperlinks</h1>
<p>To add a hyperlink,</p>
<ol>
<li>place the cursor to a position within the text box where a hyperlink will be added,</li>
<li>click the <b>Add Hyperlink</b> <img alt="Add Hyperlink icon" src="../images/addhyperlink.png" /> icon at the top toolbar,</li>
<li>after that the <b>Hyperlink Settings</b> will appear where you can specify the hyperlink parameters:
<ul>
<li><b>Link Type</b> select a link type you wish to insert from the drop-down list:
<ul>
<li>Use the <b>External Link</b> option and enter a URL in the format http://www.example.com in the <b>Link to</b> field below if you need to add a hyperlink leading to an external website.
<p><img alt="Hyperlink Settings window" src="../images/hyperlinkwindow.png" /></p>
</li>
<li>Use the <b>Slide In This Presentation</b> option and select one of the options below if you need to add a hyperlink leading to a certain slide in the same presentation. You can check one of the following radiobuttons: Next Slide, Previous Slide, First Slide, Last Slide, Slide with the specified number.
<p><img alt="Hyperlink Settings window" src="../images/hyperlinkwindow2.png" /></p>
</li>
</ul>
</li>
<li><b>Display</b> - enter a text that will get clickable and lead to the web address/slide specified in the upper field.</li>
<li><b>ScreenTip text</b> - enter a text that will become visible in a small pop-up window that provides a brief note or label pertaining to the hyperlink being pointed to.</li>
</ul>
</li>
<li>Click the <b>OK</b> button.</li>
</ol>
<p>To add a hyperlink, you can also click with the right mouse button at a position where a hyperlink will be added and select the <b>Hyperlink</b> option in the right-click menu or press the <b>Ctrl+K</b> key combination.</p>
<p class="note"><b>Note</b>: it's also possible to select a caracter, word or word combination with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and
click the <b>Add Hyperlink</b> <img alt="Add Hyperlink icon" src="../images/addhyperlink.png" /> icon at the top toolbar or right-click the selection and choose the <b>Hyperlink</b> option in the menu.
After that the window displayed above will open with the <b>Display</b> field filled with the text fragment you selected.</p>
<p>By hovering the cursor over the added hyperlink, the ScreenTip will appear containing the text you specified.
You can follow the link by pressing the <b>CTRL</b> key and clicking the link in your presentation.</p>
<p>To edit or delete the added hyperlink, click it with the right mouse button, select the <b>Hyperlink</b> option in the right-click menu and then the action you want to perform - <b>Edit Hyperlink</b> or <b>Remove Hyperlink</b>.</p>
</div>
</body>
</html>

41
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/AlignArrangeObjects.htm Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<title>Align and arrange objects on a slide</title>
<meta charset="utf-8" />
<meta name="description" content="Align and arrange text boxes, autoshapes, images and charts on a slide." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Align and arrange objects on a slide</h1>
<p>The added <b>autoshapes, images, charts</b> or <b>text boxes</b> can be aligned, grouped, ordered, distributed horizontally and vertically on a slide. To perform any of these actions, first select a separate object or several objects in the slide editing area. To select several objects, hold down the <b>Ctrl</b> key and left-click the necessary objects. To select a text box, click on its border, not the text within it. After that you can use either the top toolbar icons described below or the analogous options from the right-click menu.</p>
<p>To <b>align</b> the selected object(s), click the <b>Align Shape</b> <img alt="Align Shape icon" src="../images/alignshape.png" /> icon at the top toolbar and select the necessary alignment type from the list:</p>
<ul>
<li><b>Align Left</b> <img alt="Align Left icon" src="../images/alignobjectleft.png" /> - to line up the object(s) horizontally by the left side of the slide,</li>
<li><b>Align Center</b> <img alt="Align Center icon" src="../images/alignobjectcenter.png" /> - to line up the object(s) horizontally by the center of the slide,</li>
<li><b>Align Right</b> <img alt="Align Right icon" src="../images/alignobjectright.png" /> - to line up the object(s) horizontally by the right side of the slide,</li>
<li><b>Align Top</b> <img alt="Align Top icon" src="../images/alignobjecttop.png" /> - to line up the object(s) vertically by the top side of the slide,</li>
<li><b>Align Middle</b> <img alt="Align Middle icon" src="../images/alignobjectmiddle.png" /> - to line up the object(s) vertically by the middle of the slide,</li>
<li><b>Align Bottom</b> <img alt="Align Bottom icon" src="../images/alignobjectbottom.png" /> - to line up the object(s) vertically by the bottom side of the slide.</li>
</ul>
<p>To <b>distribute</b> two or more selected objects horizontally or vertically<!--so that the equal distance appears between them-->, click the <b>Align Shape</b> <img alt="Align Shape icon" src="../images/alignshape.png" /> icon at the top toolbar and select the necessary distribution type from the list:</p>
<ul>
<li><b>Distribute Horizontally</b> <img alt="Distribute Horizontally icon" src="../images/distributehorizontally.png" /> - <!--to distribute objects evenly between the most left and most right objects on a slide-->to align the selected objects by their centers (from right to left edges) to the horizontal center of the slide</li>
<li><b>Distribute Vertically</b> <img alt="Distribute Vertically icon" src="../images/distributevertically.png" /> - <!--to distribute objects evenly between the most top and most bottom objects on a slide-->to align the selected objects by their centers (from top to bottom edges) to the vertical center of the slide.</li>
</ul>
<p>To <b>arrange</b> the selected object(s) (i.e. to change their order when several objects overlap each other), click the <b>Arrange Shape</b> <img alt="Arrange Shape icon" src="../images/arrangeshape.png" /> icon at the top toolbar and select the necessary arrangement type from the list:</p>
<ul>
<li><b>Bring To Foreground</b> <img alt="Bring To Front icon" src="../images/bringtofront.png" /> - to move the object(s) in front of all other objects,</li>
<li><b>Send To Background</b> <img alt="Send To Back icon" src="../images/sendtoback.png" /> - to move the object(s) behind all other objects,</li>
<li><b>Move Forward</b> <img alt="Bring Forward icon" src="../images/bringforward.png" /> - to move the selected object(s) by one level forward as related to other objects.</li>
<li><b>Move Backward</b> <img alt="Send Backward icon" src="../images/sendbackward.png" /> - to move the selected object(s) by one level backward as related to other objects.</li>
</ul>
<p>To <b>group</b> two or more selected objects or <b>ungroup</b> them, click the <b>Arrange Shape</b> <img alt="Arrange Shape icon" src="../images/arrangeshape.png" /> icon at the top toolbar and select the necessary option from the list:</p>
<ul>
<li><b>Group</b> <img alt="Group icon" src="../images/group.png" /> - to join several objects into a group so that they can be simultaneously rotated, moved, resized, aligned, arranged, copied, pasted, formatted like a single object.</li>
<li><b>Ungroup</b> <img alt="Ungroup icon" src="../images/ungroup.png" /> - to ungroup the selected group of the previously joined objects.</li>
</ul>
</div>
</body>
</html>

38
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/ApplyTransitions.htm Normal file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title>Apply transitions</title>
<meta charset="utf-8" />
<meta name="description" content="Add animation effects between slides" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Apply transitions</h1>
<p>A <b>transition</b> is an animation effect that appears between two slides when one slide advances to the next one during a demonstration. You can apply the same transition to all slides or apply different transitions to each separate slide and adjust the transition properties.</p>
<p><b>To apply a transition to a single slide</b> or several selected slides:</p>
<p><img class="floatleft"alt="Slide Settings tab" src="../images/slidesettingstab.png" /></p>
<ol style="margin-left: 280px;">
<li>Select the necessary slide (or several slides in the slide list) you want to apply a transition to. The <b>Slide Settings</b> tab will be activated on the right sidebar. To open it click the <b>Slide Settings</b> <img alt="Slide Settings icon" src="../images/slide_settings_icon.png" /> icon on the right.
</li>
<li>In the <b>Effect</b> drop-down list, select the transition you want to use.
<p>The following transitions are available: Fade, Push, Wipe, Split, Uncover, Cover, Clock, Zoom.</p>
</li>
<li>In the drop-down list below, select one of the available effect options. They define exactly how the effect appears. For example, if the Zoom transition is selected, the Zoom In, Zoom Out and Zoom and Rotate options are available.</li>
<li>Specify how long you want the transition to last. In the <b>Duration</b> box, enter or select the necessary time value, measured in seconds.</li>
<li>Press the <b>Preview</b> button to view the slide with the applied transition in the slide editing area.</li>
<li>Specify how long you want the slide to be displayed until it advances to another one:
<ul>
<li><b>Start on click</b> – check this box if you don't want to restrict the time while the selected slide is being displayed. The slide will advance to another one only when you click on it with the mouse.</li>
<li><b>Delay</b> – use this option if you want the selected slide to be displayed for a specified time until it advances to the next one. Check this box and enter or select the necessary time value, measured in seconds.
<p class="note"><b>Note</b>: if you check only the <b>Delay</b> box, the slides will advance automatically in a specified time interval. If you check both the <b>Start on click</b> and the <b>Delay</b> boxes and set the delay value, the slides will advance automatically as well, but you will also be able to click a slide to advance from it to the next.</p>
</li>
</ul>
</li>
</ol>
<p><b>To apply a transition to all the slides</b> in your presentation: perform the procedure described above and press the <b>Apply to All Slides</b> button.</p>
<p><b>To delete a transition</b>: select the necessary slide and choose the <b>None</b> option in the <b>Effect</b> list.</p>
<p><b>To delete all transitions</b>: select any slide, choose the <b>None</b> option in the <b>Effect</b> list and press the <b>Apply to All Slides</b> button.</p>
</div>
</body>
</html>

26
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyClearFormatting.htm Normal file
View File

@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>Copy/clear formatting</title>
<meta charset="utf-8" />
<meta name="description" content="Copy/clear formatting within your presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Copy/clear formatting</h1>
<p>To copy a certain text formatting,</p>
<ol>
<li>select the text passage which formatting you need to copy with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a>,</li>
<li>click the <b>Copy Style</b> <img alt="Copy Style" src="../images/copystyle.png" /> icon at the top toolbar (the mouse pointer will look like this <img alt="Mouse pointer while pasting style" src="../images/paste_style.png" />),</li>
<li>select the text passage you want to apply the same formatting to.</li>
</ol>
<p>To quickly remove the formatting that you have applied to a text passage,</p>
<ol>
<li>select the text passage which formatting you want to remove,</li>
<li>click the <b>Clear Style</b> <img alt="Clear Style" src="../images/clearstyle.png" /> icon at the top toolbar.</li>
</ol>
</div>
</body>
</html>

35
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/CopyPasteUndoRedo.htm Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Copy/paste data, undo/redo your actions</title>
<meta charset="utf-8" />
<meta name="description" content="Perform the basic operations with the presentation: copy, paste, undo, redo" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Copy/paste data, undo/redo your actions</h1>
<p>To cut, copy and paste selected objects (slides, text passages, autoshapes) in the current presentation or undo/redo your actions use the corresponding options from the right-click menu, or keyboard shortcuts, or icons at the top toolbar:</p>
<ul>
<li><b>Cut</b> – select an object and use the <b>Cut</b> option from the right-click menu to delete the selection and send it to the computer clipboard memory. The cut data can be later inserted to another place in the same presentation.</li>
<li><b>Copy</b> – select an object and use the <b>Copy</b> option from the right-click menu or the <b>Copy</b> <img alt="Copy icon" src="../images/copy.png" /> icon at the top toolbar to copy the selection to the computer clipboard memory. The copied object can be later inserted to another place in the same presentation.</li>
<li><b>Paste</b> – find the place in your presentation where you need to paste the previously copied object and use the <b>Paste</b> option from the right-click menu or the <b>Paste</b> <img alt="Paste icon" src="../images/paste.png" /> icon at the top toolbar. The object will be inserted at the current cursor position. The object can be previously copied from the same presentation.</li>
</ul>
<p>To copy or paste data from/into another presentation or some other program use the following key combinations:</p>
<ul>
<li><b>Ctrl+C</b> key combination for copying;</li>
<li><b>Ctrl+V</b> key combination for pasting;</li>
<li><b>Ctrl+X</b> key combination for cutting.</li>
</ul>
<p>To perform the undo/redo operations, use the corresponding icons at the top toolbar or keyboard shortcuts:</p>
<ul>
<li><b>Undo</b> – use the <b>Undo</b> <img alt="Undo icon" src="../images/undo.png" /> icon to undo the last operation you performed.</li>
<li>
<b>Redo</b> – use the <b>Redo</b> <img alt="Redo icon" src="../images/redo.png" /> icon to redo the last undone operation.
<p>You can also use the <b>Ctrl+Z</b> key combination for undoing or <b>Ctrl+Y</b> for redoing.</p>
</li>
</ul>
</div>
</body>
</html>

27
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/CreateLists.htm Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Create lists</title>
<meta charset="utf-8" />
<meta name="description" content="Create bulleted and numbered lists in the presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Create lists</h1>
<p>To create a list in your presentation,</p>
<ol>
<li>place the cursor to the position within the text box where a list will be started (this can be a new line or the already entered text),</li>
<li>select the list type you would like to start:
<ul>
<li><b>Unordered list</b> with markers is created using the <b>Bullets</b> <img alt="Unordered List icon" src="../images/bullets.png" /> icon situated at the top toolbar</li>
<li><b>Ordered list</b> with digits or letters is created using the <b>Numbering</b> <img alt="Ordered List icon" src="../images/numbering.png" /> icon situated at the top toolbar
<p class="note"><b>Note</b>: click the downward arrow next to the <b>Bullets</b> or <b>Numbering</b> icon to select how the list is going to look like.</p>
</li>
</ul>
</li>
<li>now each time you press the <b>Enter</b> key at the end of the line a new ordered or unordered list item will appear. To stop that, press the <b>Backspace</b> key and continue with the common text paragraph.</li>
</ol>
</div>
</body>
</html>

91
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/FillObjectsSelectColor.htm Normal file
View File

@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<title>Fill objects and select colors</title>
<meta charset="utf-8" />
<meta name="description" content="Fill the added objects with color, picture or texture, select colors for the slide background, autoshape fill and stroke, font." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Fill objects and select colors</h1>
<p>You can apply different fills for the slide, autoshape and Text Art font background.</p>
<ol>
<li>Select an object
<ul>
<li>To change the slide background fill, select the necessary slides in the slide list. The <img alt="Slide Settings Icon" src="../images/slide_settings_icon.png" /> <b>Slide Settings</b> tab will be activated at the the right sidebar.</li>
<li>To change the autoshape fill, left-click the necessary autoshape. The <img alt="Shape Settings Icon" src="../images/shape_settings_icon.png" /> <b>Shape Settings</b> tab will be activated at the the right sidebar.</li>
<li>To change the Text Art font fill, left-click the necessary text object. The <img alt="Text Art Settings Icon" src="../images/textart_settings_icon.png" /> <b>Text Art Settings</b> tab will be activated at the the right sidebar.</li>
</ul>
</li>
<li>Set the necessary fill type</li>
<li>Adjust the selected fill properties (see the detailed description below for each fill type)
<p class="note"><b>Note</b>: for the autoshapes and Text Art font, regardless of the selected fill type, you can also set an <b>Opacity</b> level dragging the slider or entering the percent value manually. The default value is <b>100%</b>. It corresponds to the full opacity. The <b>0%</b> value corresponds to the full transparency.</p>
</li>
</ol>
<p><b>The following fill types are available:</b></p>
<ul>
<li><b>Color Fill</b> - select this option to specify the solid color you want to fill the inner space of the selected shape/slide with.
<p><img alt="Color Fill" src="../images/fill_color.png" /></p>
<p>Click on the colored box below and select the necessary color from the available color sets or specify any color you like:</p>
<p><img alt="Palettes" src="../images/palettes.png" /></p>
<ul>
<li><b>Theme Colors</b> - the colors that correspond to the selected theme/color scheme of the presentation. Once you apply a different theme or color scheme, the <b>Theme Colors</b> set will change.</li>
<li><b>Standard Colors</b> - the default colors set.</li>
<li><b>Custom Color</b> - click on this caption if there is no needed color in the available palettes. Select the necessary colors range moving the vertical color slider and set the specific color dragging the color picker within the large square color field. Once you select a color with the color picker, the appropriate RGB and sRGB color values will be displayed in the fields on the right. You can also specify a color on the base of the RGB color model entering the necessary numeric values into the <b>R</b>, <b>G</b>, <b>B</b> (Red, Green, Blue) fields or enter the sRGB hexadecimal code into the field marked with the <b>#</b> sign. The selected color appears in the <b>New</b> preview box. If the object was previously filled with any custom color, this color is displayed in the <b>Current</b> box so you can compare the original and modified colors. When the color is specified, click the <b>Add</b> button:
<p><img alt="Palette - Custom Color" src="../images/palette_custom.png" /></p>
<p>The custom color will be applied to your object and added to the <b>Custom color</b> palette of the menu.</p>
</li>
</ul>
<p class="note"><b>Note</b>: just the same color types you can use when selecting the <b>color of the autoshape stroke</b>, adjusting the <b>font color</b>, or changing the <b>table background or border color</b>.</p>
</li>
</ul>
<hr />
<ul>
<li><b>Gradient Fill</b> - select this option to fill the slide/shape with two colors which smoothly change from one to another.
<p><img class="floatleft"alt="Gradient Fill" src="../images/fill_gradient.png" /></p>
<ul style="margin-left: 280px;">
<li><b>Style</b> - choose one of the available options: <b>Linear</b> (colors change in a straight line i.e. along a horizontal/vertical axis or diagonally at a 45 degree angle) or <b>Radial</b> (colors change in a circular path from the center to the edges).</li>
<li><b>Direction</b> - choose a template from the menu. If the <b>Linear</b> gradient is selected, the following directions are available : top-left to bottom-right, top to bottom, top-right to bottom-left, right to left, bottom-right to top-left, bottom to top, bottom-left to top-right, left to right. If the <b>Radial</b> gradient is selected, only one template is available.</li>
<li><b>Gradient</b> - click on the left slider <img alt="Slider" src="../images/gradientslider.png" /> under the gradient bar to activate the color box which corresponds to the first color. Click on the color box on the right to choose the first color in the palette. Drag the slider to set the gradient stop i.e. the point where one color changes into another. Use the right slider under the gradient bar to specify the second color and set the gradient stop.</li>
</ul>
</li>
</ul>
<hr />
<ul>
<li><b>Picture or Texture</b> - select this option to use an image or a predefined texture as the shape/slide background.
<p><img class="floatleft"alt="Picture or Texture Fill" src="../images/fill_picture.png" /></p>
<ul style="margin-left: 280px;">
<li>If you wish to use an image as a backgroung for the shape/slide, you can add an image <b>From File</b> selecting it on your computer HDD or <b>From URL</b> inserting the appropriate URL address in the opened window.
</li>
<li>If you wish to use a texture as a backgroung for the shape/slide, drop-down the <b>From Texture</b> menu and select the necessary texture preset.
<p>Currently, the following textures are available: Canvas, Carton, Dark Fabric, Grain, Granite, Grey Paper, Knit, Leather, Brown Paper, Papyrus, Wood.</p>
</li>
</ul>
<ul style="margin-left: 280px;">
<li>In case the selected <b>Picture</b> has less or more dimensions than the autoshape or slide has, you can choose the <b>Stretch</b> or <b>Tile</b> setting from the drop-down list.
<p>The <b>Stretch</b> option allows to adjust the image size to fit the slide or autoshape size so that it could fill the space completely.</p>
<p>The <b>Tile</b> option allows to display only a part of the bigger image keeping its original dimensions, or repeat the smaller image keeping its original dimensions over the slide or autoshape surface so that it could fill the space completely.</p>
<p class="note"><b>Note</b>: any selected <b>Texture</b> preset fills the space completely, but you can apply the <b>Stretch</b> effect if necessary.</p>
</li>
</ul>
</li>
</ul>
<hr />
<ul>
<li><b>Pattern</b> - select this option to fill the slide/shape with a two-colored design composed of regularly repeated elements.
<p><img class="floatleft"alt="Pattern Fill" src="../images/fill_pattern.png" /></p>
<ul style="margin-left: 280px;">
<li><b>Pattern</b> - select one of the predefined designs from the menu.</li>
<li><b>Foreground color</b> - click this color box to change the color of the pattern elements.</li>
<li><b>Background color</b> - click this color box to change the color of the pattern background.</li>
</ul>
</li>
</ul>
<hr />
<ul>
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
</ul>
</div>
</body>
</html>

113
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm Normal file
View File

@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert and format autoshapes</title>
<meta charset="utf-8" />
<meta name="description" content="Add an autoshape to your presentation and adjust its properties." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert and format autoshapes</h1>
<h3>Insert an autoshape</h3>
<p>To <b>add</b> an autoshape on a slide,</p>
<ol>
<li>in the slide list on the left, select the slide you want to add the autoshape to,</li>
<li>click the <b>Insert Autoshape</b> <img alt="Insert Autoshape icon" src="../images/insertautoshape.png" /> icon at the top toolbar,</li>
<li>select one of the available autoshape groups: Basic Shapes, Figured Arrows, Math, Charts, Stars & Ribbons, Callouts, Buttons, Rectangles, Lines,</li>
<li>click on the necessary autoshape within the selected group,</li>
<li>in the slide editing area, place the mouse cursor where you want the shape to be put,
<p class="note"><b>Note</b>: you can click and drag to stretch the shape.</p>
</li>
<li>once the autoshape is added you can <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size, position</a> and properties.
<p class="note"><b>Note</b>: to add a caption within the autoshape make sure the shape is selected on the slide and start typing your text. The text you add in this way becomes a part of the autoshape (when you move or rotate the shape, the text moves or rotates with it).</p>
</li>
</ol>
<hr />
<h3>Adjust autoshape settings</h3>
<p>Some of the autoshape settings can be altered using the <b>Shape Settings</b> tab of the right sidebar. To activate it click the autoshape and choose the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon on the right. Here you can change the following properties:</p>
<p><img class="floatleft"alt="Shape Settings tab" src="../images/shapesettingstab.png" /></p>
<ul style="margin-left: 280px;">
<li><b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
<ul>
<li><b>Color Fill</b> - to specify the solid color you want to apply to the selected shape.</li>
<li><b>Gradient Fill</b> - to fill the shape with two colors which smoothly change from one to another.</li>
<li><b>Picture or Texture</b> - to use an image or a predefined texture as the shape background.</li>
<li><b>Pattern</b> - to fill the shape with a two-colored design composed of regularly repeated elements.</li>
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
</ul>
<p>For more detailed information on these options please refer to the <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Fill objects and select colors</a> section.</p>
</li>
<li id="shapestroke"><b>Stroke</b> - use this section to change the autoshape stroke width, color or type.
<ul>
<li>To change the stroke <b>width</b>, select one of the available options from the <b>Size</b> drop-down list. The available options are: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. Or select the <b>No Line</b> option if you don't want to use any stroke.</li>
<li>To change the stroke <b>color</b>, click on the colored box below and <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the necessary color</a>. You can use the selected <b>theme color</b>, a <b>standard color</b> or choose a <b>custom color</b>.</li>
<li>To change the stroke <b>type</b>, select the necessary option from the corresponding dropdown list (a solid line is applied by default, you can change it to one of the available dashed lines).</li>
</ul>
</li>
</ul>
<hr />
<p>To change the <b>advanced settings</b> of the autoshape, right-click the shape and select the <b>Shape Advanced Settings</b> option from the contextual menu or left-click it and press the <b>Show advanced settings</b> link at the right sidebar. The shape properties window will be opened:</p>
<p><img alt="Shape Properties - Size tab" src="../images/shape_properties1.png" /></p>
<p>The <b>Size</b> tab allows to change the autoshape <b>Width</b> and/or <b>Height</b>. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant Proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original autoshape aspect ratio.</p>
<p><img alt="Shape Properties - Weights & Arrows tab" src="../images/shape_properties.png" /></p>
<p>The <b>Weights & Arrows</b> tab contains the following parameters:</p>
<ul>
<li><b>Line Style</b> - this option group allows to specify the following parameters:
<ul>
<li><b>Cap Type</b> - this option allows to set the style for the end of the line, therefore it can be applied only to the shapes with the open outline, such as lines, polylines etc.:
<ul>
<li><b>Flat</b> - the end points will be flat.</li>
<li><b>Round</b> - the end points will be rounded.</li>
<li><b>Square</b> - the end points will be square.</li>
</ul>
</li>
<li><b>Join Type</b> - this option allows to set the style for the intersection of two lines, for example, it can affect a polyline or the corners of the triangle or rectangle outline:
<ul>
<li><b>Round</b> - the corner will be rounded.</li>
<li><b>Bevel</b> - the corner will be cut off angularly.</li>
<li><b>Miter</b> - the corner will be pointed. It goes well to shapes with sharp angles.</li>
</ul>
<p class="note"><b>Note</b>: the effect will be more noticeable if you use a large outline width.</p>
</li>
</ul>
</li>
<li><b>Arrows</b> - this option group is available if a shape from the <b>Lines</b> shape group is selected. It allows to set the arrow <b>Start</b> and <b>End Style</b> and <b>Size</b> by selecting the appropriate option from the drop-down lists.</li>
</ul>
<p id="internalmargins"><img alt="Shape Properties - Text Padding tab" src="../images/shape_properties3.png" /></p>
<p>The <b>Text Padding</b> tab allows to change the autoshape <b>Top</b>, <b>Bottom</b>, <b>Left</b> and <b>Right</b> internal margins (i.e. the distance between the text within the shape and the autoshape borders).</p>
<p class="note"><b>Note</b>: this tab is only available if text is added within the autoshape, otherwise the tab is disabled.</p>
<p id ="columns"><img alt="Shape Properties - Columns tab" src="../images/shape_properties2.png" /></p>
<p>The <b>Columns</b> tab allows to add columns of text within the autoshape specifying the necessary <b>Number of columns</b> (up to 16) and <b>Spacing between columns</b>. Once you click <b>OK</b>, the text that already exists or any other text you enter within the autoshape will appear in columns and will flow from one column to another.</p>
<p><img alt="Shape Properties - Alternative Text tab" src="../images/shape_properties4.png" /></p>
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the shape.</p>
<hr />
<p>To <b>replace</b> the added autoshape, left-click it and use the <b>Change Autoshape</b> drop-down list at the <b>Shape Settings</b> tab of the right sidebar.</p>
<p>To <b>delete</b> the added autoshape, left-click it and press the <b>Delete</b> key on the keyboard.</p>
<p>To learn how to <b>align</b> an autoshape on the slide or <b>arrange</b> several autoshapes, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
<hr />
<h3>Join autoshapes using connectors</h3>
<p>You can connect autoshapes using lines with connection points to demonstrate dependencies between the objects (e.g. if you want to create a flowchart). To do that,</p>
<ol>
<li>click the <b>Insert Autoshape</b> <img alt="Insert Autoshape icon" src="../images/insertautoshape.png" /> icon at the top toolbar,</li>
<li>
select the <b>Lines</b> group from the menu,
<p><img alt="Shapes - Lines" src="../images/connectors.png" /></p>
</li>
<li>click the necessary shape within the selected group (excepting the last three shapes which are not connectors, namely <em>shape 10</em>, <em>11</em> and <em>12</em>),</li>
<li>
hover the mouse cursor over the first autoshape and click one of the connection points <img alt="Connection point icon" src="../images/connectionpoint.png" /> that appear on the shape outline,
<p><img alt="Using connectors" src="../images/connectors_firstshape.png" /></p>
</li>
<li>
drag the mouse cursor towards the second autoshape and click the necessary connection point on its outline.
<p><img alt="Using connectors" src="../images/connectors_secondshape.png" /></p>
</li>
</ol>
<p>If you move the joined autoshapes, the connector remains attached to the shapes and moves together with them. </p>
<p><img alt="Moving joined shapes" src="../images/connectors_moveshape.png" /></p>
<p>You can also detach the connector from the shapes and then attach it to any other connection points.</p>
</div>
</body>
</html>

198
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertCharts.htm Normal file
View File

@@ -0,0 +1,198 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert and edit charts</title>
<meta charset="utf-8" />
<meta name="description" content="Add a chart to your presentation and adjust its properties" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert and edit charts</h1>
<h3>Insert a chart</h3>
<p><b>To insert a chart</b> into your presentation,</p>
<ol>
<li>put the cursor at the place where you want to add a chart,</li>
<li>click the <b>Insert Chart</b> <img alt="Insert Chart icon" src="../images/insertchart.png" /> icon at the top toolbar,</li>
<li>select the needed chart type from the available ones - Column, Line, Pie, Bar, Area, XY (Scatter), Stock,
<p class="note"><b>Note</b>: for <b>Column</b>, <b>Line</b>, <b>Pie</b>, or <b>Bar</b> charts, a 3D format is also available.</p>
</li>
<li>
after that the <b>Chart Editor</b> window will appear where you can enter the necessary data into the cells using the following controls:
<ul>
<li><img alt="Copy" src="../images/copy.png" /> and <img alt="Paste" src="../images/paste.png" /> for copying and pasting the copied data</li>
<li><img alt="Undo" src="../images/undo.png" /> and <img alt="Redo" src="../images/redo.png" /> for undoing and redoing actions</li>
<li><img alt="Insert function" src="../images/insertfunction.png" /> for inserting a function</li>
<li><img alt="Decrease decimal" src="../images/decreasedec.png" /> and <img alt="Increase decimal" src="../images/increasedec.png" /> for decreasing and increasing decimal places</li>
<li><img alt="Number format" src="../images/numberformat.png" /> for changing the number format, i.e. the way the numbers you enter appear in cells</li>
</ul>
<p><img alt="Chart Editor window" src="../images/charteditor.png" /></p>
</li>
<li>
change the chart settings clicking the <b>Edit Chart</b> button situated in the <b>Chart Editor</b> window. The <b>Chart - Advanced Settings</b> window will open.
<p><img alt="Chart Settings window" src="../images/chartsettings.png" /></p>
<p>The <b>Type &amp Data</b> tab allows you to select the chart type as well as the data you wish to use to create a chart.</p>
<ul>
<li>Select a chart <b>Type</b> you wish to insert: Column, Line, Pie, Bar, Area, XY (Scatter), Stock.</li>
<li>Check the selected <b>Data Range</b> and modify it, if necessary, clicking the <b>Select Data</b> button and entering the desired data range in the following format: <em>Sheet1!A1:B4</em>.</li>
<li>Choose the way to arrange the data. You can either select the <b>Data series</b> to be used on the X axis: <b>in rows</b> or <b>in columns</b>.</li>
</ul>
<p><img alt="Chart Settings window" src="../images/chartsettings2.png" /></p>
<p>The <b>Layout</b> tab allows you to change the layout of chart elements.</p>
<ul>
<li>
Specify the <b>Chart Title</b> position in regard to your chart selecting the necessary option from the drop-down list:
<ul>
<li><b>None</b> to not display a chart title,</li>
<li><b>Overlay</b> to overlay and center a title on the plot area,</li>
<li><b>No Overlay</b> to display the title above the plot area.</li>
</ul>
</li>
<li>
Specify the <b>Legend</b> position in regard to your chart selecting the necessary option from the drop-down list:
<ul>
<li><b>None</b> to not display a legend,</li>
<li><b>Bottom</b> to display the legend and align it to the bottom of the plot area,</li>
<li><b>Top</b> to display the legend and align it to the top of the plot area,</li>
<li><b>Right</b> to display the legend and align it to the right of the plot area,</li>
<li><b>Left</b> to display the legend and align it to the left of the plot area,</li>
<li><b>Left Overlay</b> to overlay and center the legend to the left on the plot area,</li>
<li><b>Right Overlay</b> to overlay and center the legend to the right on the plot area.</li>
</ul>
</li>
<li>
Specify the <b>Data Labels</b> (i.e. text labels that represent exact values of data points) parameters:<br />
<ul>
<li>specify the <b>Data Labels</b> position relative to the data points selecting the necessary option from the drop-down list. The available options vary depending on the selected chart type.
<ul>
<li>For <b>Column/Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Inner Bottom</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
<li>For <b>Line/XY (Scatter)/Stock</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Left</b>, <b>Right</b>, <b>Top</b>, <b>Bottom</b>.</li>
<li>For <b>Pie</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>, <b>Fit to Width</b>, <b>Inner Top</b>, <b>Outer Top</b>.</li>
<li>For <b>Area</b> charts as well as for <b>3D</b> <b>Column</b>, <b>Line</b> and <b>Bar</b> charts, you can choose the following options: <b>None</b>, <b>Center</b>.</li>
</ul>
</li>
<li>select the data you wish to include into your labels checking the corresponding boxes: <b>Series Name</b>, <b>Category Name</b>, <b>Value</b>,</li>
<li>enter a character (comma, semicolon etc.) you wish to use for separating several labels into the <b>Data Labels Separator</b> entry field.</li>
</ul>
</li>
<li><b>Lines</b> - is used to choose a line style for <b>Line/XY (Scatter) charts</b>. You can choose one of the following options: <b>Straight</b> to use straight lines between data points, <b>Smooth</b> to use smooth curves between data points, or <b>None</b> to not display lines.</li>
<li>
<b>Markers</b> - is used to specify whether the markers should be displayed (if the box is checked) or not (if the box is unchecked) for <b>Line/XY (Scatter) charts</b>.
<p class="note"><b>Note</b>: the <b>Lines</b> and <b>Markers</b> options are available for <b>Line charts</b> and <b>XY (Scatter) charts</b> only.</p>
</li>
<li>
The <b>Axis Settings</b> section allows to specify if you wish to display <b>Horizontal/Vertical Axis</b> or not selecting the <b>Show</b> or <b>Hide</b> option from the drop-down list. You can also specify <b>Horizontal/Vertical Axis Title</b> parameters:
<ul>
<li>
Specify if you wish to display the <b>Horizontal Axis Title</b> or not selecting the necessary option from the drop-down list:
<ul>
<li><b>None</b> to not display a horizontal axis title,</li>
<li><b>No Overlay</b> to display the title below the horizontal axis.</li>
</ul>
</li>
<li>
Specify the <b>Vertical Axis Title</b> orientation selecting the necessary option from the drop-down list:
<ul>
<li><b>None</b> to not display a vertical axis title,</li>
<li><b>Rotated</b> to display the title from bottom to top to the left of the vertical axis,</li>
<li><b>Horizontal</b> to display the title horizontally to the left of the vertical axis.</li>
</ul>
</li>
</ul>
</li>
<li>
The <b>Gridlines</b> section allows to specify which of the <b>Horizontal/Vertical Gridlines</b> you wish to display selecting the necessary option from the drop-down list: <b>Major</b>, <b>Minor</b>, or <b>Major and Minor</b>. You can hide the gridlines at all using the <b>None</b> option.
<p class="note"><b>Note</b>: the <b>Axis Settings</b> and <b>Gridlines</b> sections will be disabled for <b>Pie charts</b> since charts of this type have no axes and gridlines.</p>
</li>
</ul>
<p><img alt="Chart Settings window" src="../images/chartsettings3.png" /></p>
<p class="note"><b>Note</b>: the <b>Vertical/Horizontal Axis</b> tabs will be disabled for <b>Pie charts</b> since charts of this type have no axes.</p>
<p>The <b>Vertical Axis</b> tab allows you to change the parameters of the vertical axis also referred to as the values axis or y-axis which displays numeric values. Note that the vertical axis will be the category axis which displays text labels for the <b>Bar charts</b>, therefore in this case the <b>Vertical Axis</b> tab options will correspond to the ones described in the next section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
<ul>
<li>
The <b>Axis Options</b> section allows to set the following parameters:
<ul>
<li><b>Minimum Value</b> - is used to specify a lowest value displayed at the vertical axis start. The <b>Auto</b> option is selected by default, in this case the minimum value is calculated automatically depending on the selected data range. You can select the <b>Fixed</b> option from the drop-down list and specify a different value in the entry field on the right.</li>
<li><b>Maximum Value</b> - is used to specify a highest value displayed at the vertical axis end. The <b>Auto</b> option is selected by default, in this case the maximum value is calculated automatically depending on the selected data range. You can select the <b>Fixed</b> option from the drop-down list and specify a different value in the entry field on the right.</li>
<li><b>Axis Crosses</b> - is used to specify a point on the vertical axis where the horizontal axis should cross it. The <b>Auto</b> option is selected by default, in this case the axes intersection point value is calculated automatically depending on the selected data range. You can select the <b>Value</b> option from the drop-down list and specify a different value in the entry field on the right, or set the axes intersection point at the <b>Minimum/Maximum Value</b> on the vertical axis.</li>
<li><b>Display Units</b> - is used to determine a representation of the numeric values along the vertical axis. This option can be useful if you're working with great numbers and wish the values on the axis to be displayed in more compact and readable way (e.g. you can represent 50 000 as 50 by using the <b>Thousands</b> display units). Select desired units from the drop-down list: <b>Hundreds</b>, <b>Thousands</b>, <b>10 000</b>, <b>100 000</b>, <b>Millions</b>, <b>10 000 000</b>, <b>100 000 000</b>, <b>Billions</b>, <b>Trillions</b>, or choose the <b>None</b> option to return to the default units.</li>
<li><b>Values in reverse order</b> - is used to display values in an opposite direction. When the box is unchecked, the lowest value is at the bottom and the highest value is at the top of the axis. When the box is checked, the values are ordered from top to bottom.</li>
</ul>
</li>
<li>
The <b>Tick Options</b> section allows to adjust the appearance of tick marks on the vertical scale. Major tick marks are the larger scale divisions which can have labels displaying numeric values. Minor tick marks are the scale subdivisions which are placed between the major tick marks and have no labels. Tick marks also define where gridlines can be displayed, if the corresponding option is set at the <b>Layout</b> tab. The <b>Major/Minor Type</b> drop-down lists contain the following placement options:
<ul>
<li><b>None</b> to not display major/minor tick marks,</li>
<li><b>Cross</b> to display major/minor tick marks on both sides of the axis,</li>
<li><b>In</b> to display major/minor tick marks inside the axis,</li>
<li><b>Out</b> to display major/minor tick marks outside the axis.</li>
</ul>
</li>
<li>
The <b>Label Options</b> section allows to adjust the appearance of major tick mark labels which display values. To specify a <b>Label Position</b> in regard to the vertical axis, select the necessary option from the drop-down list:
<ul>
<li><b>None</b> to not display tick mark labels,</li>
<li><b>Low</b> to display tick mark labels to the left of the plot area,</li>
<li><b>High</b> to display tick mark labels to the right of the plot area,</li>
<li><b>Next to axis</b> to display tick mark labels next to the axis.</li>
</ul>
</li>
</ul>
<p><img alt="Chart Settings window" src="../images/chartsettings4.png" /></p>
<p>The <b>Horizontal Axis</b> tab allows you to change the parameters of the horizontal axis also referred to as the categories axis or x-axis which displays text labels. Note that the horizontal axis will be the value axis which displays numeric values for the <b>Bar charts</b>, therefore in this case the <b>Horizontal Axis</b> tab options will correspond to the ones described in the previous section. For the <b>XY (Scatter) charts</b>, both axes are value axes.</p>
<ul>
<li>
The <b>Axis Options</b> section allows to set the following parameters:
<ul>
<li><b>Axis Crosses</b> - is used to specify a point on the horizontal axis where the vertical axis should cross it. The <b>Auto</b> option is selected by default, in this case the axes intersection point value is calculated automatically depending on the selected data range. You can select the <b>Value</b> option from the drop-down list and specify a different value in the entry field on the right, or set the axes intersection point at the <b>Minimum/Maximum Value</b> (that corresponds to the first and last category) on the horizontal axis.</li>
<li><b>Axis Position</b> - is used to specify where the axis text labels should be placed: <b>On Tick Marks</b> or <b>Between Tick Marks</b>.</li>
<li><b>Values in reverse order</b> - is used to display categories in an opposite direction. When the box is unchecked, categories are displayed from left to right. When the box is checked, the categories are ordered from right to left.</li>
</ul>
</li>
<li>
The <b>Tick Options</b> section allows to adjust the appearance of tick marks on the horizontal scale. Major tick marks are the larger divisions which can have labels displaying category values. Minor tick marks are the smaller divisions which are placed between the major tick marks and have no labels. Tick marks also define where gridlines can be displayed, if the corresponding option is set at the <b>Layout</b> tab. You can adjust the following tick mark parameters:
<ul>
<li><b>Major/Minor Type</b> - is used to specify the following placement options: <b>None</b> to not display major/minor tick marks, <b>Cross</b> to display major/minor tick marks on both sides of the axis, <b>In</b> to display major/minor tick marks inside the axis, <b>Out</b> to display major/minor tick marks outside the axis.</li>
<li><b>Interval between Marks</b> - is used to specify how many categories should be displayed between two adjacent tick marks.</li>
</ul>
</li>
<li>
The <b>Label Options</b> section allows to adjust the appearance of labels which display categories.
<ul>
<li><b>Label Position</b> - is used to specify where the labels should be placed in regard to the horizontal axis. Select the necessary option from the drop-down list: <b>None</b> to not display category labels, <b>Low</b> to display category labels at the bottom of the plot area, <b>High</b> to display category labels at the top of the plot area, <b>Next to axis</b> to display category labels next to the axis.</li>
<li><b>Axis Label Distance</b> - is used to specify how closely the labels should be placed to the axis. You can specify the necessary value in the entry field. The more the value you set, the more the distance between the axis and labels is.</li>
<li><b>Interval between Labels</b> - is used to specify how often the labels should be displayed. The <b>Auto</b> option is selected by default, in this case labels are displayed for every category. You can select the <b>Manual</b> option from the drop-down list and specify the necessary value in the entry field on the right. For example, enter 2 to display labels for every other category etc.</li>
</ul>
</li>
</ul>
<p><img alt="Chart Settings window" src="../images/chartsettings5.png" /></p>
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the chart.</p>
</li>
<li>once the chart is added you can also <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.
<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">chart position</a> on the slide dragging it vertically or horizontally.</p>
</li>
</ol>
<hr />
<h3>Edit chart elements</h3>
<p>To edit the chart <b>Title</b>, select the default text with the mouse and type in your own one instead.</p>
<p>To change the font formatting within text elements, such as the chart title, axes titles, legend entries, data labels etc., select the necessary text element by left-clicking it. Then use icons on the top toolbar to change the font <a href="../UsageInstructions/InsertText.htm#formatfont" onclick="onhyperlinkclick(this)">type, style, size, or color</a>.</p>
<p>To delete a chart element, select it by left-clicking and press the <b>Delete</b> key on the keyboard.</p>
<p>You can also rotate 3D charts using the mouse. Left-click within the plot area and hold the mouse button until a blue dashed box appears. Drag the cursor without releasing the mouse button to change the 3D chart orientation.</p>
<p><img alt="3D chart" src="../images/3dchart.png" /></p>
<hr />
<h3>Adjust chart settings</h3>
<img class="floatleft"alt="Chart tab" src="../images/charttab.png" />
<p>The chart size, type and style as well as data used to create the chart can be altered using the right sidebar. To activate it click the chart and choose the <b>Chart Settings</b> <img alt="Chart Settings icon" src="../images/chart_settings_icon.png" /> icon on the right.</p>
<p>The <b>Size</b> section allows you to change the chart width and/or height. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant Proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original chart aspect ratio.</p>
<p>The <b>Change Chart Type</b> section allows you to change the selected chart type and/or style using the corresponding drop-down menu. </p>
<p>To select the necessary chart <b>Style</b>, use the second drop-down menu in the <b>Change Chart Type</b> section.</p>
<p>The <b>Edit Data</b> button allows you to open the <b>Chart Editor</b> window and start editing data as described above.</p>
<p class="note"><b>Note</b>: to quickly open the 'Chart Editor' window you can also double-click the chart on the slide.</p>
<p>When the chart is selected, the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon is also available on the right, since a shape is used as a background for the chart. You can click this icon to open the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">Shape Settings</a> tab at the right sidebar and adjust the shape <b>Fill</b> and <b>Stroke</b>. Note that you cannot change the shape type.</p>
<hr />
<p>To <b>delete</b> the inserted chart, left-click it and press the <b>Delete</b> key on the keyboard.</p>
<p>To learn how to <b>align</b> a chart on the slide or <b>arrange</b> several objects, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
</div>
</body>
</html>

88
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertEquation.htm Normal file
View File

@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert equations</title>
<meta charset="utf-8" />
<meta name="description" content="Insert equations and mathematical symbols." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Insert equations</h1>
<p><b>Presentation Editor</b> allows you to build equations using the built-in templates, edit them, insert special characters (including mathematical operators, Greek letters, accents etc.).</p>
<h3>Add a new equation</h3>
<p>To insert an equation from the gallery,</p>
<ol>
<li>click the arrow next to the <b>Insert Equation</b> <img alt="Insert Equation icon" src="../images/insertequationicon.png" /> icon at the top toolbar,</li>
<li>in the opened drop-down list select the equation category you need. The following categories are currently available: <em>Symbols</em>, <em>Fractions</em>, <em>Scripts</em>, <em>Radicals</em>, <em>Integrals</em>, <em>Large Operators</em>, <em>Brackets</em>, <em>Functions</em>, <em>Accents</em>, <em>Limits and Logarithms</em>, <em>Operators</em>, <em>Matrices</em>,</li>
<li>click the certain symbol/equation in the corresponding set of templates.</li>
</ol>
<p>The selected symbol/equation box will be inserted in the center of the current slide.</p>
<img alt="Inserted Equation" src="../images/insertedequation.png" />
<p>If you do not see the equation box border, click anywhere within the equation - the border will be displayed as a dashed line. The equation box can be freely <b>moved, resized or rotated</b> on the slide. To do that click on the equation box border (it will be displayed as a solid line) and use <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">corresponding handles</a>.</p>
<img alt="Selected Equation" src="../images/selectedequation.png" />
<p>Each equation template represents a set of slots. Slot is a position for each element that makes up the equation. An empty slot (also called as a placeholder) has a dotted outline <img alt="Equation Placeholder" src="../images/equationplaceholder.png" />. You need to fill in all the placeholders specifying the necessary values.</p>
<h3>Enter values</h3>
<p>The <b>insertion point</b> specifies where the next character you enter will appear. To position the insertion point precisely, click within a placeholder and use the keyboard arrows to move the insertion point by one character left/right.</p>
<img alt="Edited Equation" src="../images/newslot.png" />
<p>Once the insertion point is positioned, you can fill in the placeholder:
<ul>
<li>enter the desired numeric/literal value using the keyboard,</li>
<li>insert a special character using the <b>Symbols</b> palette from the <b>Insert Equation</b> <img alt="Insert Equation icon" src="../images/insertequationicon.png" /> menu on the top toolbar,</li>
<li>add another equation template from the palette to create a complex nested equation. The size of the primary equation will be automatically adjusted to fit its content. The size of the nested equation elements depends on the primary equation placeholder size, but it cannot be smaller than the sub-subscript size.</li>
</ul>
</p>
<p><img alt="Edited Equation" src="../images/nestedfraction.png" /></p>
<p>To add some new equation elements you can also use the <b>right-click menu options</b>:</p>
<ul>
<li>To add a new argument that goes before or after the existing one within <em>Brackets</em>, you can right-click on the existing argument and select the <b>Insert argument before/after</b> option from the menu.</li>
<li>To add a new equation within <em>Cases</em> with several conditions from the <em>Brackets</em> group, you can right-click on an empty placeholder or entered equation within it and select the <b>Insert equation before/after</b> option from the menu.</li>
<li>To add a new row or a column in a <em>Matrix</em>, you can right-click on a placeholder within it, select the <b>Insert</b> option from the menu, then select <b>Row Above/Below</b> or <b>Column Left/Right</b>.</li>
</ul>
<p class="note"><b>Note</b>: currently, equations cannot be entered using the linear format, i.e. <b>\sqrt(4&x^3)</b>.</p>
<p>When entering the values of the mathematical expressions, you do not need to use <b>Spacebar</b> as the spaces between the characters and signs of operations are set automatically.</p>
<p>If the equation is too long and does not fit to a single line within the text box, automatic line breaking occurs as you type. You can also insert a line break in a specific position by right-clicking on a mathematical operator and selecting the <b>Insert manual break</b> option from the menu. The selected operator will start a new line. To delete the added manual line break, right-click on the mathematical operator that starts a new line and select the <b>Delete manual break</b> option.</p>
<h3>Format equations</h3>
<p>By default, the equation within the text box is horizontally centered and vertically aligned to the top of the text box. To change its horizontal/vertical alignment, put the cursor within the the equation box (the text box borders will be displayed as dashed lines) and use the <a href="../UsageInstructions/InsertText.htm#formattext" onclick="onhyperlinkclick(this)">corresponding icons</a> at the top toolbar.</p>
<p>To increase or decrease the equation <b>font size</b>, click anywhere within the equation box and select the necessary font size from the list on the top toolbar. All the equation elements will change correspondingly.</p>
<p>The letters within the equation are italicized by default. If necessary, you can change the <b>font style</b> (<em>bold, italic, strikeout</em>) or <b>color</b> for a whole equation or its part. The <em>underlined</em> style can be applied to the entire equation only, not to individual characters. Select the necessary part of the equation by clicking and dragging. The selected part will be highlighted blue. Then use the necessary buttons on the top toolbar to format the selection. For example, you can remove the italic format for ordinary words that are not variables or constants.</p>
<img alt="Edited Equation" src="../images/formatastext.png" />
<p>To modify some equation elements you can also use the <b>right-click menu options</b>:</p>
<ul><li>To change the <em>Fractions</em> format, you can right-click on a fraction and select the <b>Change to skewed/linear/stacked fraction</b> option from the menu (the available options differ depending on the selected fraction type). <!--The <b>Remove/Add fraction bar</b> option is also available for stacked fractions.--></li>
<li>To change the <em>Scripts</em> position relating to text, you can right-click on the equation that includes scripts and select the <b>Scripts before/after text</b> option from the menu.</li>
<li>To change the argument size for <em>Scripts, Radicals, Integrals, Large Operators, Limits and Logarithms, Operators</em> as well as for overbraces/underbraces and templates with grouping characters from the <em>Accents</em> group, you can right-click on the argument you want to change and select the <b>Increase/Decrease argument size</b> option from the menu.</li>
<li>To specify whether an empty degree placeholder should be displayed or not for a <em>Radical</em>, you can right-click on the radical and select the <b>Hide/Show degree</b> option from the menu.</li>
<li>To specify whether an empty limit placeholder should be displayed or not for an <em>Integral</em> or <em>Large Operator</em>, you can right-click on the equation and select the <b>Hide/Show top/bottom limit</b> option from the menu.</li>
<li>To change the limits position relating to the integral or operator sign for <em>Integrals</em> or <em>Large Operators</em>, you can right-click on the equation and select the <b>Change limits location</b> option from the menu. The limits can be displayed to the right of the operator sign (as subscripts and superscripts) or directly above and below the operator sign.</li>
<li>To change the limits position relating to text for <em>Limits and Logarithms</em> and templates with grouping characters from the <em>Accents</em> group, you can right-click on the equation and select the <b>Limit over/under text</b> option from the menu.</li>
<li>To choose which of the <em>Brackets</em> should be displayed, you can right-click on the expression within them and select the <b>Hide/Show opening/closing bracket</b> option from the menu.</li>
<li>To control the <em>Brackets</em> size, you can right-click on the expression within them. The <b>Stretch brackets</b> option is selected by default so that the brackets can grow according to the expression within them, but you can deselect this option to prevent brackets from stretching. When this option is activated, you can also use the <b>Match brackets to argument height</b> option.</li>
<li>To change the character position relating to text for overbraces/underbraces or overbars/underbars from the <em>Accents</em> group, you can right-click on the template and select the <b>Char/Bar over/under text</b> option from the menu.</li>
<li>To choose which borders should be displayed for a <em>Boxed formula</em> from the <em>Accents</em> group, you can right-click on the equation and select the <b>Border properties</b> option from the menu, then select <b>Hide/Show top/bottom/left/right border</b> or <b>Add/Hide horizontal/vertical/diagonal line</b>.</li>
<li>To specify whether empty placeholders should be displayed or not for a <em>Matrix</em>, you can right-click on it and select the <b>Hide/Show placeholder</b> option from the menu.</li>
</ul>
<p>To align some equation elements you can use the <b>right-click menu options</b>:</p>
<ul>
<li>To align equations within <em>Cases</em> with several conditions from the <em>Brackets</em> group, you can right-click on an equation, select the <b>Alignment</b> option from the menu, then select the alignment type: <b>Top</b>, <b>Center</b>, or <b>Bottom</b>.</li>
<li>To align a <em>Matrix</em> vertically, you can right-click on the matrix, select the <b>Matrix Alignment</b> option from the menu, then select the alignment type: <b>Top</b>, <b>Center</b>, or <b>Bottom</b>.</li>
<li>To align elements within a <em>Matrix</em> column horizontally, you can right-click on a placeholder within the column, select the <b>Column Alignment</b> option from the menu, then select the alignment type: <b>Left</b>, <b>Center</b>, or <b>Right</b>.</li>
</ul>
<h3>Delete equation elements</h3>
<p>To delete a part of the equation, select the part you want to delete by dragging the mouse or holding down the <b>Shift</b> key and using the arrow buttons, then press the <b>Delete</b> key on the keyboard.</p>
<p>A slot can only be deleted together with the template it belongs to.</p>
<p>To delete the entire equation, click on the equation box border (it will be displayed as a solid line) and and press the <b>Delete</b> key on the keyboard.</p>
<img alt="Delete Equation" src="../images/deleteequation.png" />
<p>To delete some equation elements you can also use the <b>right-click menu options</b>:</p>
<ul>
<li>To delete a <em>Radical</em>, you can right-click on it and select the <b>Delete radical</b> option from the menu.</li>
<li>To delete a <em>Subscript</em> and/or <em>Superscript</em>, you can right-click on the expression that contains them and select the <b>Remove subscript/superscript</b> option from the menu. If the expression contains scripts that go before text, the <b>Remove scripts</b> option is available.</li>
<li>To delete <em>Brackets</em>, you can right-click on the expression within them and select the <b>Delete enclosing characters</b> or <b>Delete enclosing characters and separators</b> option from the menu.</li>
<li>If the expression within <em>Brackets</em> inclides more than one argument, you can right-click on the argument you want to delete and select the <b>Delete argument</b> option from the menu.</li>
<li>If <em>Brackets</em> enclose more than one equation (i.e. <em>Cases</em> with several conditions), you can right-click on the equation you want to delete and select the <b>Delete equation</b> option from the menu.</li>
<li>To delete a <em>Limit</em>, you can right-click on it and select the <b>Remove limit</b> option from the menu.</li>
<li>To delete an <em>Accent</em>, you can right-click on it and select the <b>Remove accent character</b>, <b>Delete char</b> or <b>Remove bar</b> option from the menu (the available options differ depending on the selected accent).</li>
<li>To delete a row or a column of a <em>Matrix</em>, you can right-click on the placeholder within the row/column you need to delete, select the <b>Delete</b> option from the menu, then select <b>Delete Row/Column</b>.</li>
</ul>
</div>
</body>
</html>

48
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertImages.htm Normal file
View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert and adjust images</title>
<meta charset="utf-8" />
<meta name="description" content="Add an image to your presentation and adjust its size and position." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert and adjust images</h1>
<h3>Insert an image</h3>
<p>In Presentation Editor, you can insert images in the most popular formats into your presentation. The following image formats are supported: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
<p>To <b>add</b> an image on a slide,</p>
<ol>
<li>in the slide list on the left, select the slide you want to add the image to,</li>
<li>click the <b>Insert Image</b> <img alt="Insert Image icon" src="../images/image.png" /> icon at the top toolbar,</li>
<li>select one of the following options to load the image:
<ul>
<li>the <b>Picture from File</b> option will open the standard Windows dialog window for file selection. Browse your computer hard disk drive for the necessary file and click the <b>Open</b> button</li>
<li>the <b>Picture from URL</b> option will open the window where you can enter the necessary image web address and click the <b>OK</b> button</li>
</ul>
</li>
<li>once the image is added you can <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.</li>
</ol>
<hr />
<h3>Adjust image settings</h3>
<img class="floatleft"alt="Image Settings tab" src="../images/imagesettingstab.png" />
<p>The right sidebar is activated when you left-click an image and choose the <b>Image Settings</b> <img alt="Image Settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
<p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Default Size</b> if necessary.</p>
<p><b>Replace Image</b> - is used to load another image instead of the current one selecting the desired source. You can select one of the options: <b>From File</b> or <b>From URL</b>.</p>
<hr />
<p>To change the <b>advanced settings</b> of the image, right-click the image and select the <b>Image Advanced Settings</b> option from the contextual menu or left-click the image and press the <b>Show advanced settings</b> link at the right sidebar. The image properties window will be opened:</p>
<p><img alt="Image Properties" src="../images/image_properties.png" /></p>
<p>The <b>Placement</b> tab allows you to set the following image properties:</p>
<ul>
<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant Proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original image aspect ratio. To restore the default size of the added image, click the <b>Default Size</b> button.</li>
<li><b>Position</b> - use this option to change the image position on the slide (the position is calculated from the top and the left side of the slide).</li>
</ul>
<p><img alt="Image Properties" src="../images/image_properties1.png" /></p>
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the image.</p>
<hr />
<p>To <b>delete</b> the inserted image, left-click it and press the <b>Delete</b> key on the keyboard.</p>
<p>To learn how to <b>align</b> an image on the slide or <b>arrange</b> several images, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
</div>
</body>
</html>

83
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertTables.htm Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert and format tables</title>
<meta charset="utf-8" />
<meta name="description" content="Add a table to your presentation and adjust its properties" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert and format tables</h1>
<h3>Insert a table</h3>
<p>To insert a table onto a slide,</p>
<ol>
<li>select the slide where a table will be added,</li>
<li>click the <b>Insert Table</b> <img alt="Insert Table icon" src="../images/inserttable.png" /> icon at the top toolbar,</li>
<li>select the option to create a table:
<ul>
<li><p>either a table with predefined number of cells (10 by 8 cells maximum)</p>
<p>If you want to quickly add a table, just select the number of rows (8 maximum) and columns (10 maximum).</p></li>
<li><p>or a custom table</p>
<p>In case you need more than 10 by 8 cell table, select the <b>Insert Custom Table</b> option that will open the window where you can enter the necessary number of rows and columns respectively, then click the <b>OK</b> button.</p></li>
</ul>
</li>
<li>once the table is added you can change its properties and position.</li>
</ol>
<p>You can specify the <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">table position</a> on the slide dragging it vertically or horizontally.</p>
<hr />
<h3>Adjust table settings</h3>
<img class="floatleft"alt="Table settings tab" src="../images/tablesettingstab.png" />
<p>Most of the table properties as well as its structure can be altered using the right sidebar. To activate it click the table and choose the <b>Table Settings</b> <img alt="Table Settings icon" src="../images/table_settings_icon.png" /> icon on the right.</p>
<p>The <b>Rows</b> and <b>Columns</b> sections on the top allow you to emphasize certain rows/columns applying a specific formatting to them, or highlight different rows/columns with the different background colors to clearly distinguish them. The following options are available:</p>
<ul style="margin-left: 280px;">
<li><b>Header</b> - emphasizes the topmost row in the table with a special formatting.</li>
<li><b>Total</b> - emphasizes the bottommost row in the table with a special formatting.</li>
<li><b>Banded</b> - enables the background color alternation for odd and even rows.</li>
<li><b>First</b> - emphasizes the leftmost column in the table with a special formatting.</li>
<li><b>Last</b> - emphasizes the rightmost column in the table with a special formatting.</li>
<li><b>Banded</b> - enables the background color alternation for odd and even columns.</li>
</ul>
<p>The <b>Select From Template</b> section allows you to choose one of the predefined tables styles. Each template combines certain formatting parameters, such as a background color, border style, row/column banding etc.
Depending on the options checked in the <b>Rows</b> and/or <b>Columns</b> sections above, the templates set will be displayed differently. For example, if you've checked the <b>Header</b> option in the <b>Rows</b> section and the <b>Banded</b> option in the <b>Columns</b> section, the displayed templates list will include only templates with the header row and banded columns enabled:</p>
<p><img alt="Templates list" src="../images/templateslist.png" /></p>
<p>The <b>Borders Style</b> section allows you to change the applied formatting that corresponds to the selected template. You can select the entire table or a certain cells range you want to change the formatting for and set all the parameters manually.</p>
<ul>
<li><b>Border</b> parameters - set the border width using the <img alt="Border Size list" src="../images/bordersize.png" /> list (or choose the <b>No borders</b> option), select its <b>Color</b> in the available palettes and determine the way it will be displayed in the cells clicking on the icons:
<p><img alt="Border Type icons" src="../images/bordertype.png" /></p>
<p class="note"><b>Note</b>: in case you select not to show table borders choosing an appropriate template, or selecting the <b>No borders</b> option, or clicking the <img alt="No borders" src="../images/noborders.png" /> icon, they will be indicated by a dotted line on the slide.</p>
</li>
<li><b>Background color</b> - select the color for the background within the selected cells.</li>
</ul>
<p>The <b>Rows & Columns</b> <img alt="Rows & Columns" src="../images/rowsandcolumns.png" /> section allows you to perform the following operations:</p>
<ul>
<li><b>Select</b> a row, column, cell (depending on the cursor position), or the entire table.</li>
<li><b>Insert</b> a new row above or below the selected one as well as a new column to the left or to the right of the selected one.</li>
<li><b>Delete</b> a row, column (depending on the cursor position or the selection), or the entire table.</li>
<li><b>Merge Cells</b> - to merge previously selected cells into a single one.</li>
<li><b>Split Cell...</b> - to split any previously selected cell into a certain number of rows and columns. This option opens the following window:
<p><img alt="Split Cells window" src="../images/split_cells.png" /></p>
<p>Enter the <b>Number of Columns</b> and <b>Number of Rows</b> that the selected cell should be split into and press <b>OK</b>.</p>
</li>
</ul>
<p class="note"><b>Note</b>: the options of the <b>Rows & Columns</b> section are also accessible from the <b>right-click menu</b>.</p>
<hr />
<p>To change the advanced table settings, click the table with the right mouse button and select the <b>Table Advanced Settings</b> option from the right-click menu or click the <b>Show advanced settings</b> link at the right sidebar. The table properties window will be opened:</p>
<p><img alt="Table Properties" src="../images/table_properties.png" /></p>
<p>The <b>Margins</b> tab allows to set the space between the text within the cells and the cell border:</p>
<ul>
<li>enter necessary <b>Cell Margins</b> values manually, or</li>
<li>check the <b>Use default margins</b> box to apply the predefined values (if necessary, they can also be adjusted).</li>
</ul>
<p><img alt="Table Properties" src="../images/table_properties1.png" /></p>
<p>The <b>Alternative Text</b> tab allows to specify a <b>Title</b> and <b>Description</b> which will be read to the people with vision or cognitive impairments to help them better understand what information there is in the table.</p>
<hr />
<p>To <b>format the entered text</b> within the table cells, you can use <a href="../UsageInstructions/InsertText.htm" onclick="onhyperlinkclick(this)">icons at the top toolbar</a>. The <b>right-click menu</b> that appears when you click the table with the right mouse button includes two additional options: </p>
<ul>
<li><b>Cell vertical alignment</b> - it allows you to set the preferred type of the text vertical alignment within the selected cells: <b>Align Top</b>, <b>Align Center</b>, or <b>Align Bottom</b>.</li>
<li><b>Hyperlink</b> - it allows you to insert a hyperlink into the selected cell.</li>
</ul>
</div>
</body>
</html>

208
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm Normal file
View File

@@ -0,0 +1,208 @@
<!DOCTYPE html>
<html>
<head>
<title>Insert and format your text</title>
<meta charset="utf-8" />
<meta name="description" content="Insert and Format your Text" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert and format your text</h1>
<h3>Insert your text</h3>
<p>You can add a new text in three different ways:</p>
<ul>
<li>Add a text passage within the corresponding text placeholder provided on the slide layout. To do that just put the cursor within the placeholder and type in your text or paste it using the <b>Ctrl+V</b> key combination in place of the according default text.</li>
<li>Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows to enter text within it) or a Text Art object (a text box with a predefined font style and color that allows to apply some text effects). To do that:
<ol>
<li>click the <b>Insert Text</b> <img alt="Insert Text icon" src="../images/inserttexticon.png" /> icon at the top toolbar,</li>
<li>select the necessary text object type:
<ul>
<li>
select the <b>Insert text box</b> option from the menu, then click where you want to insert the text box, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
<p class="note"><b>Note</b>: it's also possible to insert a text box by clicking the <b>Insert Autoshape</b> <img alt="Insert Autoshape icon" src="../images/insertautoshape.png" /> icon at the top toolbar and selecting the <img alt="Insert Text autoshape" src="../images/text_autoshape.png" /> shape from the <b>Basic Shapes</b> group.</p>
</li>
<li>select the <b>Insert Text Art</b> option from the menu, then click on the desired style template – the Text Art object will be added in the center of the slide. Select the default text within the text box with the mouse and replace it with your own text.</li>
</ul>
</li>
</ol>
</li>
<li>Add a text passage within an autoshape. Select a shape and start typing your text.</li>
</ul>
<p>Click outside of the text object to apply the changes and return to the slide.</p>
<p>The text within the text object is a part of the latter (when you move or rotate the text object, the text moves or rotates with it).</p>
<p>As an inserted text object represents a rectangular frame (it has invisible text box borders by default) with text in it and this frame is a common autoshape, you can change both the shape and text properties.</p>
<p>To delete the added text object, click on the text box border and press the <b>Delete</b> key on the keyboard. The text within the text box will also be deleted.</p>
<h3>Format a text box</h3>
<p>Select the text box clicking on its border to be able to change its properties. When the text box is selected, its borders are displayed as solid (not dashed) lines.</p>
<p><img alt="Text box selected" src="../images/textbox_boxselected.png" /></p>
<ul>
<li>to <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box use the special handles on the edges of the shape.</li>
<li>to edit the text box <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a>, <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>, <b>replace</b> the rectangular box with a different shape, or access the <a href="InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shape advanced settings</a>, click the <b>Shape Settings</b> <img alt="Shape Settings icon" src="../images/shape_settings_icon.png" /> icon on the right sidebar and use the corresponding options.</li>
<li>to <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">align a text box on the slide or arrange</a> text boxes as related to other objects, right-click on the text box border and use the contextual menu options.</li>
<li>to create <b>columns of text</b> within the text box, right-click on the text box border, click the <b>Shape Advanced Settings</b> option and switch to the <a href="../UsageInstructions/InsertAutoshapes.htm#columns" onclick="onhyperlinkclick(this)"><b>Columns</b></a> tab in the <b>Shape - Advanced Settings</b> window.</li>
</ul>
<h3 id="formattext">Format the text within the text box</h3>
<p>Click the text within the text box to be able to change its properties. When the text is selected, the text box borders are displayed as dashed lines.</p>
<p><img alt="Text selected" src="../images/textbox_textselected.png" /></p>
<p class="note"><b>Note</b>: it's also possible to change text formatting when the text box (not the text itself) is selected. In such a case, any changes will be applied to all the text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to a previously selected portion of the text separately.</p>
<p><b>Align your text within the text box</b></p>
<p>The text is aligned horizontally in four ways: left, right, center or justified. To do that:</p>
<ol>
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
<li>drop-down the <b>Horizontal Align</b> <img alt="Horizontal Align icon" src="../images/horizontalalign.png" /> list on the top toolbar,</li>
<li>select the alignment type you would like to apply:
<ul>
<li>the <b>Align text left</b> option <img alt="Align Left icon" src="../images/alignleft.png" /> allows you to line up your text by the left side of the text box (the right side remains unaligned).</li>
<li>the <b>Align text center</b> option <img alt="Align Center icon" src="../images/aligncenter.png" /> allows you to line up your text by the center of the text box (the right and the left sides remains unaligned).</li>
<li>the <b>Align text right</b> option <img alt="Align Right icon" src="../images/alignright.png" /> allows you to line up your text by the right side of the text box (the left side remains unaligned).</li>
<li>the <b>Justify</b> option <img alt="Justify icon" src="../images/justify.png" /> allows you to line up your text by both the left and the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
</ul>
</li>
</ol>
<p>The text is aligned vertically in three ways: top, middle or bottom. To do that:</p>
<ol>
<li>place the cursor to the position where you want the alignment to be applied (this can be a new line or already entered text),</li>
<li>drop-down the <b>Vertical Align</b> <img alt="Vertical Align icon" src="../images/verticalalign.png" /> list on the top toolbar,</li>
<li>select the alignment type you would like to apply:
<ul>
<li>the <b>Align text to the top</b> option <img alt="Align Top icon" src="../images/aligntop.png" /> allows you to line up your text by the top of the text box.</li>
<li>the <b>Align text to the middle</b> option <img alt="Align Middle icon" src="../images/alignmiddle.png" /> allows you to line up your text by the center of the text box.</li>
<li>the <b>Align text to the bottom</b> option <img alt="Align Bottom icon" src="../images/alignbottom.png" /> allows you to line up your text by the bottom of the text box.</li>
</ul>
</li>
</ol>
<hr />
<p><b>Change the text direction</b></p>
<p>To <b>Rotate</b> the text within the text box, right-click the text, select the <b>Text Direction</b> option and then choose one of the available options: <b>Horizontal</b> (is selected by default), <b>Rotate at 90°</b> (sets a vertical direction, from top to bottom) or <b>Rotate at 270°</b> (sets a vertical direction, from bottom to top).</p>
<hr />
<p id="formatfont"><b>Adjust font type, size, color and apply decoration styles</b></p>
<p>You can select the font type, its size and color as well as apply various font decoration styles using the corresponding icons situated at the top toolbar.</p>
<p class="note"><b>Note</b>: in case you want to apply the formatting to the text already present in the presentation, select it with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and apply the formatting.</p>
<table>
<tr>
<td>Font Name</td>
<td><img alt="Font Name" src="../images/fontfamily.png" /></td>
<td>Is used to select one of the fonts from the list of the available ones.</td>
</tr>
<tr>
<td>Font Size</td>
<td><img alt="Font Size" src="../images/fontsize.png" /></td>
<td>Is used to select among the preset font size values from the dropdown list, or can be entered manually to the font size field.</td>
</tr>
<tr>
<td>Font Color</td>
<td><img alt="Font Color" src="../images/fontcolor.png" /></td>
<td>Is used to change the color of the letters/characters in the text. Click the downward arrow next to the icon to <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">select the color</a>.</td>
</tr>
<tr>
<td>Bold</td>
<td><img alt="Bold" src="../images/bold.png" /></td>
<td>Is used to make the font bold giving it more weight.</td>
</tr>
<tr>
<td>Italic</td>
<td><img alt="Italic" src="../images/italic.png" /></td>
<td>Is used to make the font italicized giving it some right side tilt.</td>
</tr>
<tr>
<td>Underline</td>
<td><img alt="Underline" src="../images/underline.png" /></td>
<td>Is used to make the text underlined with the line going under the letters.</td>
</tr>
<tr>
<td>Strikeout</td>
<td><img alt="Strikeout" src="../images/strike.png" /></td>
<td>Is used to make the text struck out with the line going through the letters.</td>
</tr>
<tr>
<td>Superscript</td>
<td><img alt="Superscript" src="../images/sup.png" /></td>
<td>Is used to make the text smaller and place it to the upper part of the text line, e.g. as in fractions.</td>
</tr>
<tr>
<td>Subscript</td>
<td><img alt="Subscript" src="../images/sub.png" /></td>
<td>Is used to make the text smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</td>
</tr>
</table>
<p><b>Set line spacing and change paragraph indents</b></p>
<p>You can set the line height for the text lines within the paragraph as well as the margins between the current and the preceding or the subsequent paragraph.</p>
<p><img class="floatleft"alt="Text Settings tab" src="../images/textsettingstab.png" /></p>
<p>To do that,</p>
<ol style="margin-left: 280px;">
<li>put the cursor within the paragraph you need, or select several paragraphs with the mouse,</li>
<li>use the corresponding fields of the <img alt="Text Settings Icon" src="../images/text_settings_icon.png" /> <b>Text Settings</b> tab at the right sidebar to achieve the desired results:
<ul>
<li><b>Line Spacing</b> - set the line height for the text lines within the paragraph. You can select among three options: <b>at least</b> (sets the minimum line spacing that is needed to fit the largest font or graphic on the line), <b>multiple</b> (sets line spacing that can be expressed in numbers greater than 1), <b>exactly</b> (sets fixed line spacing). You can specify the necessary value in the field on the right.</li>
<li><b>Paragraph Spacing</b> - set the amount of space between paragraphs.
<ul>
<li><b>Before</b> - set the amount of space before the paragraph.</li>
<li><b>After</b> - set the amount of space after the paragraph.</li>
</ul>
</li>
</ul>
</li>
</ol>
<p>To quickly change the current paragraph line spacing, you can also use the <b>Line Spacing</b> <img alt="Line Spacing" src="../images/linespacing.png" /> icon at the top toolbar selecting the needed value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
<p>To change the paragraph offset from the left side of the text box, put the cursor within the paragraph you need, or select several paragraphs with the mouse and use the respective icons at the top toolbar: <b>Decrease Indent</b> <img alt="Decrease Indent" src="../images/decreaseindent.png" /> and <b>Increase Indent</b> <img alt="Increase Indent" src="../images/increaseindent.png" />.</p>
<hr />
<p>You can also change the <b>advanced settings</b> of the paragraph. Put the cursor within the paragraph you need - the <img alt="Text Settings Icon" src="../images/text_settings_icon.png" /> <b>Text Settings</b> tab will be activated at the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
<img alt="Paragraph Properties - Indents & Placement tab" src="../images/textadvancedsettings1.png" />
<p>The <b>Indents & Placement</b> tab allows to change the <b>first line</b> offset from the left <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">internal margin</a> of the text box as well as the paragraph offset from the <b>left</b> and <b>right</b> internal margins of the text box.</p>
<p>You can also use the horizontal <b>ruler</b> to set indents.</p>
<img alt="Ruler - Indent markers" src="../images/indents_ruler.png" />
<p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
<ul>
<li><b>First Line Indent</b> marker <img alt="First Line Indent marker" src="../images/firstline_indent.png" /> is used to set the offset from the left internal margin of the text box for the first line of the paragraph.</li>
<li><b>Hanging Indent</b> marker <img alt="Hanging Indent marker" src="../images/hanging.png" /> is used to set the offset from the left internal margin of the text box for the second and all the subsequent lines of the paragraph.</li>
<li><b>Left Indent</b> marker <img alt="Left Indent marker" src="../images/leftindent.png" /> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
<li><b>Right Indent</b> marker <img alt="Right Indent marker" src="../images/right_indent.png" /> is used to set the paragraph offset from the right internal margin of the text box.</li>
</ul>
<p class="note"><b>Note</b>: if you don't see the rulers, click the <b>View Settings</b> <img alt="View Settings icon" src="../images/viewsettingsicon.png" /> icon at the upper left corner of the top toolbar and uncheck the <b>Hide Rulers</b> option to display them.</p>
<img alt="Paragraph Properties - Font tab" src="../images/textadvancedsettings2.png" />
<p>The <b>Font</b> tab contains the following parameters:</p>
<ul>
<li><b>Strikethrough</b> is used to make the text struck out with the line going through the letters.</li>
<li><b>Double strikethrough</b> is used to make the text struck out with the double line going through the letters.</li>
<li><b>Superscript</b> is used to make the text smaller and place it to the upper part of the text line, e.g. as in fractions.</li>
<li><b>Subscript</b> is used to make the text smaller and place it to the lower part of the text line, e.g. as in chemical formulas.</li>
<li><b>Small caps</b> is used to make all letters lower case.</li>
<li><b>All caps</b> is used to make all letters upper case.</li>
<li><b>Character Spacing</b> is used to set the space between the characters.</li>
</ul>
<img alt="Paragraph Properties - Tab tab" src="../images/textadvancedsettings3.png" />
<p>The <b>Tab</b> tab allows to change tab stops i.e. the position the cursor advances to when you press the <b>Tab</b> key on the keyboard.</p>
<ul>
<li><b>Tab Position</b> - is used to set custom tab stops. Enter the necessary value in this box, adjust it more precisely using the arrow buttons and press the <b>Specify</b> button. Your custom tab position will be added to the list in the field below.</li>
<li><b>Default Tab</b> is set at 1.25 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</li>
<li><b>Alignment</b> - is used to set the necessary alignment type for each of the tab positions in the list above. Select the necessary tab position in the list, choose the <b>Left</b>, <b>Center</b> or <b>Right</b> radiobutton and press the <b>Specify</b> button.
<ul>
<li><b>Left</b> - lines up your text by the left side at the tab stop position; the text moves to the right from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Left Tab Stop marker" src="../images/tabstopleft_marker.png" /> marker.</li>
<li><b>Center</b> - centres the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Center Tab Stop marker" src="../images/tabstopcenter_marker.png" /> marker.</li>
<li><b>Right</b> - lines up your text by the right side at the tab stop position; the text moves to the left from the tab stop as you type. Such a tab stop will be indicated on the horizontal ruler by the <img alt="Right Tab Stop marker" src="../images/tabstopright_marker.png" /> marker.</li>
</ul>
<p>To delete tab stops from the list select a tab stop and press the <b>Remove</b> or <b>Remove All</b> button.</p>
</li>
</ul>
<p>To set tab stops you can also use the horizontal ruler:</p>
<ol>
<li>Click the tab selector button <img alt="Left Tab Stop button" src="../images/tabstopleft.png" /> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <img alt="Left Tab Stop button" src="../images/tabstopleft.png" />, <b>Center</b> <img alt="Center Tab Stop button" src="../images/tabstopcenter.png" />, <b>Right</b> <img alt="Right Tab Stop button" src="../images/tabstopright.png" />.</li>
<li>Click on the bottom edge of the ruler where you want to place the tab stop. Drag it along the ruler to change its position. To remove the added tab stop drag it out of the ruler.
<p><img alt="Horizontal Ruler with the Tab stops added" src="../images/tabstops_ruler.png" /></p>
<p class="note"><b>Note</b>: if you don't see the rulers, click the <b>View Settings</b> <img alt="View Settings icon" src="../images/viewsettingsicon.png" /> icon at the upper right corner of the top toolbar and uncheck the <b>Hide Rulers</b> option to display them.</p>
</li>
</ol>
<h3>Edit a Text Art style</h3>
<p>Select a text object and click the <b>Text Art Settings</b> <img alt="Text Art Settings icon" src="../images/textart_settings_icon.png" /> icon on the right sidebar.</p>
<p><img alt="Text Art Setting tab" src="../images/right_textart.png" /></p>
<ul>
<li>Change the applied text style selecting a new <b>Template</b> from the gallery. You can also change the basic style additionally by selecting a different font type, size etc.</li>
<li>Change the font <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">fill</a> and <a href="../UsageInstructions/InsertAutoshapes.htm#shapestroke" onclick="onhyperlinkclick(this)">stroke</a>. The available options are the same as the ones for autoshapes.</li>
<li>Apply a text effect by selecting the necessary text transformation type from the <b>Transform</b> gallery. You can adjust the degree of the text distortion by dragging the pink diamond-shaped handle.</li>
</ul>
<p><img alt="Text Art Transformation" src="../images/textart_transformation.png" /></p>
</div>
</body>
</html>

58
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManageSlides.htm Normal file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html>
<head>
<title>Manage slides</title>
<meta charset="utf-8" />
<meta name="description" content="Add new blank slides, duplicate, move or delete them" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Manage slides</h1>
<p>By default, a newly created presentation has one blank Title slide.</p>
<p><b>To create a new slide:</b></p>
<ol>
<li>click the <b>Add Slide</b> <img alt="Add Slide icon" src="../images/addslide.png" /> icon at the top toolbar,</li>
<li>select a slide with the necessary layout from the menu.
<p class="note"><b>Note</b>: you can change the layout of the added slide anytime. For additional information on how to do that refer to the <a href="../UsageInstructions/SetSlideParameters.htm#changelayout" onclick="onhyperlinkclick(this)">Set slide parameters</a> section.</p>
</li>
</ol>
<p>Alternatively, you can right-click any slide in the list and select the <b>New Slide</b> option from the contextual menu.</p>
<p>A new slide will be inserted after the selected one in the list of the existing slides on the left.</p>
<p><b>To duplicate a slide:</b></p>
<ol>
<li>right-click the necessary slide in the list of the existing slides on the left,</li>
<li>select the <b>Duplicate Slide</b> option from the contextual menu.</li>
</ol>
<p>The duplicated slide will be inserted after the selected one in the slide list.</p>
<p><b>To copy a slide:</b></p>
<ol>
<li>in the list of the existing slides on the left, select the slide you need to copy,</li>
<li>press the <b>Ctrl+C</b> key combination,</li>
<li>in the slide list, select the slide that the copied one should be pasted after,</li>
<li>press the <b>Ctrl+V</b> key combination.</li>
</ol>
<p><b>To move an existing slide:</b></p>
<ol>
<li>left-click the necessary slide in the list of the existing slides on the left,</li>
<li>without releasing the mouse button, drag it to the necessary place in the list (a horizontal line indicates a new location).</li>
</ol>
<p><b>To delete an unnecessary slide:</b></p>
<ol>
<li>right-click the slide you want to delete in the list of the existing slides on the left,</li>
<li>select the <b>Delete Slide</b> option from the contextual menu.</li>
</ol>
<p><b>To select all the existing slides at once:</b></p>
<ol>
<li>right-click any slide in the list of the existing slides on the left,</li>
<li>select the <b>Select All</b> option from the contextual menu.</li>
</ol>
<p><b>To select several slides:</b></p>
<ol>
<li>hold down the <b>Ctrl</b> key,</li>
<li>select the necessary slides left-clicking them in the list of the existing slides on the left.</li>
</ol>
</div>
</body>
</html>

30
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/ManipulateObjects.htm Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Manipulate objects on a slide</title>
<meta charset="utf-8" />
<meta name="description" content="Move, rotate, resize and reshape autoshapes, images, charts." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Manipulate objects on a slide</h1>
<p>You can resize, move, rotate different objects on a slide manually using the special handles. You can also specify the dimensions and position of some objects exactly using the right sidebar or <b>Advanced Settings</b> window.</p>
<h3>Resize objects</h3>
<p>To change the <b>autoshape/image/chart/text box</b> size, drag small squares <img alt="Square icon" src="../images/resize_square.png" /> situated on the object edges. To maintain the original proportions of the selected object while resizing, hold down the <b>Shift</b> key and drag one of the corner icons.</p>
<p><img alt="Maintaining proportions" src="../images/maintain_proportions.png" /></p>
<p>To specify the precise width and height of a <b>chart</b>, select it on a slide and use the <b>Size</b> section of the right sidebar that will be activated.</p>
<p>To specify the precise dimensions of an <b>image</b> or <b>autoshape</b>, right-click the necessary object on the slide and select the <b>Image/Shape Advanced Settings</b> option from the menu. Specify necessary values on the <b>Size</b> tab of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
<h3>Reshape autoshapes</h3>
<p>When modifying some shapes, for example Figured arrows or Callouts, the yellow diamond-shaped <img alt="Yellow diamond icon" src="../images/yellowdiamond.png" /> icon is also available. It allows to adjust some aspects of the shape, for example, the length of the head of an arrow.</p>
<p><img alt="Reshaping autoshape" src="../images/reshaping.png" /></p>
<h3>Move objects</h3>
<p>To alter the <b>autoshape/image/chart/table/text box</b> position, use the <img alt="Arrow" src="../images/arrow.png" /> icon that appears after hovering your mouse cursor over the object. Drag the object to the necessary position without releasing the mouse button.
To move the object by the one-pixel increments, hold down the <b>Ctrl</b> key and use the keybord arrows.
To move the object strictly horizontally/vertically and prevent it from moving in a perpendicular direction, hold down the <b>Shift</b> key when dragging.</p>
<p>To specify the precise position of an <b>image</b>, right-click it on a slide and select the <b>Image Advanced Settings</b> option from the menu. Specify necessary values in the <b>Position</b> section of the <b>Advanced Settings</b> window and press <b>OK</b>.</p>
<h3>Rotate objects</h3>
<p>To rotate an <b>autoshape/image/text box</b>, hover the mouse cursor over the rotation handle <img alt="Rotation handle" src="../images/greencircle.png" /> and drag it clockwise or counterclockwise. To constrain the rotation angle to 15 degree increments, hold down the <b>Shift</b> key while rotating.</p>
</div>
</body>
</html>

27
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/OpenCreateNew.htm Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>Create a new presentation or open an existing one</title>
<meta charset="utf-8" />
<meta name="description" content="Open a recently edited presentation, create a new one, or return to the list of existing presentations" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Create a new presentation or open an existing one</h1>
<p>When Presentation Editor is open, you can immediately proceed to an already existing presentation that you have recently edited, create a new one, or return to the list of existing presentations.</p>
<p>To create a new presentation within Presentation Editor:</p>
<ol>
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
<li>select the <b>Create New</b> option. <!--Here you can choose whether to create a <b>blank</b> text document or use one of the available document <b>templates</b>: contract, letter, list, or plan.--></li>
</ol>
<p>To open a recently edited presentation within Presentation Editor:</p>
<ol>
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
<li>select the <b>Open Recent</b> option,</li>
<li>choose the presentation you need from the list of recently edited presentations.</li>
</ol>
<p>To return to the list of existing presentations, click the <b>Go to Documents</b> link in the right upper corner or the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Go to Documents</b> option.</p>
</div>
</body>
</html>

30
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/PreviewPresentation.htm Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>Preview your presentation</title>
<meta charset="utf-8" />
<meta name="description" content="Preview your presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Preview your presentation</h1>
<p>To preview your currently edited presentation click the <b>Start Slideshow</b> <img alt="Start Slideshow icon" src="../images/startpreview.png" /> icon at the top toolbar or at the bottom left corner. You can also select a certain slide within the slide list on the left, right-click it and choose the <b>Start Slideshow</b> option from the contextual menu.</p>
<p>The preview will start from the currently selected slide. In the <b>Preview</b> mode, you can use the following controls at the bottom left corner:</p>
<ul>
<li>the <b>Pause Presentation</b> <img alt="Pause Presentation icon" src="../images/pausepresentation.png" /> button allows you to stop previewing.</li>
<li>the <b>Start Presentation</b> <img alt="Start Presentation icon" src="../images/startpresentation.png" /> button allows you to resume previewing.</li>
<li>the <b>Next Slide</b> <img alt="Next Slide icon" src="../images/nextslide.png" /> button allows you to advance the following slide.</li>
<li>the <b>Previous Slide</b> <img alt="Previous Slide icon" src="../images/previousslide.png" /> button allows you to return to the preceding slide.
<p class="note"><b>Note</b>: to go to a certain slide in the preview mode, click on the <b>Slide Number Indicator</b> and enter the necessary slide number in the opened window.</p>
</li>
<li>the <b>Full Screen</b> <img alt="Full Screen icon" src="../images/fullscreen.png" /> button allows you to switch to full screen mode.</li>
<li>the <b>Exit Full Screen</b> <img alt="Exit Full Screen icon" src="../images/exitfullscreen.png" /> button allows you to exit full screen mode.</li>
<li>the <b>Close Slideshow</b> <img alt="Close Slideshow icon" src="../images/closepreview.png" /> button allows you to exit the preview mode.</li>
</ul>
<p>You can also <a href="../HelpfulHints/KeyboardShortcuts.htm#preview" onclick="onhyperlinkclick(this)">use the keyboard shortcuts</a> to navigate between the slides in the preview mode.</p>
</div>
</body>
</html>

37
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/SavePrintDownload.htm Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html>
<head>
<title>Save/print/download your presentation</title>
<meta charset="utf-8" />
<meta name="description" content="Save, print and download your presentations in various formats" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Save/print<span class="onlineDocumentFeatures">/download</span> your presentation</h1>
<p>By default, <b>Рresentation Editor</b> automatically saves your file each 2 seconds when you work on it preventing your data loss in case of the unexpected program closing. <span class="onlineDocumentFeatures">If you co-edit the file in the <b>Fast</b> mode, the timer requests for updates 25 times a second and saves the changes if they have been made. When the file is being co-edited in the <b>Strict</b> mode, changes are automatically saved at 10-minute intervals. If you need, you can easily select the preferred co-editing mode or disable the <b>Autosave</b> feature on the <a href="../HelpfulHints/AdvancedSettings.htm" onclick="onhyperlinkclick(this)">Advanced Settings</a> page.</span></p>
<p>To save your current presentation manually,</p>
<ul>
<li>press the <b>Save</b> <img alt="Save icon" src="../images/save.png" /> icon at the top toolbar, or</li>
<li>use the <b>Ctrl+S</b> key combination, or</li>
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Save</b> option.</li>
</ul>
<p>To print out the current presentation,</p>
<ul>
<li>click the <b>Print</b> <img alt="Print icon" src="../images/print.png" /> icon at the top toolbar, or</li>
<li>use the <b>Ctrl+P</b> key combination, or</li>
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Print</b> option.</li>
</ul>
<div class="onlineDocumentFeatures">
<p>After that a PDF file will be generated on the basis of the presentation. You can open and print it out, or save onto your computer hard disk drive or removable medium to print it out later.</p>
<p>To download the resulting presentation onto your computer hard disk drive,</p>
<ol>
<li>click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar,</li>
<li>select the <b>Download as</b> option,</li>
<li>choose one of the available formats depending on your needs: PDF, PPTX, or ODP.</li>
</ol>
</div>
</div>
</body>
</html>

70
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm Normal file
View File

@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<title>Set slide parameters</title>
<meta charset="utf-8" />
<meta name="description" content="Set slide parameters: select background fill, themes, color schemes, slide layouts" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Set slide parameters</h1>
<p>To customize your presentation, you can select a theme, color scheme and slide size for the whole presentation, as well as change the background fill or slide layout for each separate slide. You can also apply transitions between the slides.</p>
<ul>
<li><b>Themes</b> allow you to quickly change the presentation design, notably the slides background appearance, predefined fonts for titles and texts and the color scheme that is used for the presentation elements.
<b>To select a theme</b> for the presentation, click on the necessary predefined theme from the themes gallery in the right part of the top toolbar. The selected theme will be applied to all the slides if you have not previously selected certain slides to apply the theme to.
<p><img alt="Themes gallery" src="../images/themes.png" /></p>
</li>
<li><b>Color Schemes</b> affect the predefined colors used for the presentation elements (fonts, lines, fills etc.) and allow you to maintain color consistency throughout the entire presentation.
<b>To change a color scheme</b>, click the <b>Change Color Scheme</b> <img alt="Change Color Scheme icon" src="../images/changecolorscheme.png" /> icon at the top toolbar and select the necessary scheme from the drop-down list. The selected scheme will be applied to all the slides.
<p><img alt="Color Schemes" src="../images/colorscheme.png" /></p>
</li>
<li><b>To change a slide size</b> for all the slides in the presentation, click the <b>Select Slide Size</b> <img alt="Select Slide Size icon" src="../images/selectslidesizeicon.png" /> icon at the top toolbar and select the necessary option from the drop-down list. You can select:
<ul>
<li>one of the two quick-access presets - <b>Standard (4:3)</b> or <b>Widescreen (16:9)</b>,</li>
<li>the <b>Advanced Settings</b> option that opens the <b>Slide Size Settings</b> window where you can select one of the available presets or set a <b>Custom</b> size specifying the desired <b>Width</b> and <b>Height</b> values.
<p><img alt="Slide Size Settings window" src="../images/slidesizesettingswindow.png" /></p>
<p>The available presets are: Standard (4:3), Widescreen (16:9), Widescreen (16:10), Letter Paper (8.5x11 in), Ledger Paper (11x17 in), A3 Paper (297x420 mm), A4 Paper (210x297 mm), B4 (ICO) Paper (250x353 mm), B5 (ICO) Paper (176x250 mm), 35 mm Slides, Overhead, Banner.</p>
</li>
</ul>
</li>
<li><b>To change a background fill:</b>
<ol>
<li>in the slide list on the left, select the slides you want to apply the fill to. Or click at any blank space within the currently edited slide in the slide editing area to change the fill type for this separate slide.</li>
<li>at the <b>Slide Settings</b> tab of the right sidebar, select the necessary option:
<ul>
<li><b>Color Fill</b> - select this option to specify the solid color you want to apply to the selected slides.</li>
<li><b>Gradient Fill</b> - select this option to fill the slide with two colors which smoothly change from one to another.</li>
<li><b>Picture or Texture</b> - select this option to use an image or a predefined texture as the slide background.</li>
<li><b>Pattern</b> - select this option to fill the slide with a two-colored design composed of regularly repeated elements.</li>
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
</ul>
<p>For more detailed information on these options please refer to the <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Fill objects and select colors</a> section.</p>
</li>
</ol>
</li>
<li><b>Transitions</b> help make your presentation more dynamic and keep your audience's attention. <b>To apply a transition:</b>
<ol>
<li>in the slide list on the left, select the slides you want to apply a transition to,</li>
<li>choose a transition in the <b>Effect</b> drop-down list on the <b>Slide Settings</b> tab,</li>
<li>adjust the transition properties: choose a transition variation, duration and the way to advance slides,</li>
<li>click the <b>Apply to All Slides</b> button if you want to apply the same transition to all slides in the presentation.
<p>For more detailed information on these options please refer to the <a href="../UsageInstructions/ApplyTransitions.htm" onclick="onhyperlinkclick(this)">Apply transitions</a> section.</p>
</li>
</ol>
</li>
<li><a id="changelayout"></a><b>To change a slide layout:</b>
<ol>
<li>in the slide list on the left, select the slides you want to apply a new layout to,</li>
<li>click the <b>Change Slide Layout</b> <img alt="Change Slide Layout icon" src="../images/changelayout.png" /> icon at the top toolbar,</li>
<li>select the necessary layout from the menu.
<p>Alternatively, you can right-click the necessary slide in the list on the left, select the <b>Change Layout</b> option from the contextual menu and choose the necessary layout.</p>
<p class="note"><b>Note</b>: currently, the following layouts are available: Title, Title and Object, Section Header, Two Objects, Two Texts and Two Objects, Title Only, Blank, Title, Object and Caption, Picture and Caption, Vertical Text, Vertical Title and Text.</p>
</li>
</ol>
</li>
</ul>
</div>
</body>
</html>

25
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/ViewPresentationInfo.htm Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>View presentation information</title>
<meta charset="utf-8" />
<meta name="description" content="View presentation title, author, location, creation date, persons with the rights to view or edit the presentation" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>View presentation information</h1>
<p>To access the detailed information about the currently edited presentation, click the <b>File</b> <img alt="File icon" src="../images/file.png" /> icon at the left sidebar and select the <b>Presentation Info</b> option.</p>
<h3>General Information</h3>
<p>The presentation information includes presentation title, author, location and creation date.</p>
<p class="note"><b>Note</b>: Online Editors allow you to change the presentation title directly from the editor interface. To do that, select the <b>Rename...</b> option from the <b>File</b> <img alt="File icon" src="../images/file.png" /> menu or click on the file name displayed in the editor header next to the logo (in the upper left corner), then enter the necessary <b>File name</b> in a new window that opens and click <b>OK</b>.</p>
<div class="onlineDocumentFeatures">
<h3>Permission Information</h3>
<p class="note"><b>Note</b>: this option is not available for users with the <b>Read Only</b> permissions.</p>
<p>To find out, who have rights to view or edit the presentation, select the <b>Access Rights...</b> option at the left sidebar.</p>
<p>You can also change currently selected access rights by pressing the <b>Change access rights</b> button in the <b>Persons who have rights</b> section.</p>
</div>
<p>To close the <b>File</b> pane and return to presentation editing, select the <b>Close Menu</b> option.</p>
</div>
</body>
</html>

47
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/callback.js Normal file
View File

@@ -0,0 +1,47 @@
/*
*
* (c) Copyright Ascensio System Limited 2010-2018
*
* This program is a free software product. You can redistribute it and/or
* modify it under the terms of the GNU Affero General Public License (AGPL)
* version 3 as published by the Free Software Foundation. In accordance with
* Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
* that Ascensio System SIA expressly excludes the warranty of non-infringement
* of any third-party rights.
*
* This program is distributed WITHOUT ANY WARRANTY; without even the implied
* warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
* details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
*
* You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia,
* EU, LV-1021.
*
* The interactive user interfaces in modified source and object code versions
* of the Program must display Appropriate Legal Notices, as required under
* Section 5 of the GNU AGPL version 3.
*
* Pursuant to Section 7(b) of the License you must retain the original Product
* logo when distributing the program. Pursuant to Section 7(e) we decline to
* grant you any rights under trademark law for use of our trademarks.
*
* All the Product's GUI elements, including illustrations and icon sets, as
* well as technical writing content are licensed under the terms of the
* Creative Commons Attribution-ShareAlike 4.0 International. See the License
* terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
*
*/
function onhyperlinkclick(element) {
function _postMessage(msg) {
if (window.parent && window.JSON) {
window.parent.postMessage(window.JSON.stringify(msg), "*");
}
}
_postMessage({
command: 'internalCommand',
data: {
type: 'help:hyperlink',
data: element.href
}
});
}

124
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/editor.css Normal file
View File

@@ -0,0 +1,124 @@
body
{
font-family: Tahoma, Arial, Verdana;
font-size: 12px;
color: #666;
background: #fff;
}
img
{
border: none;
vertical-align: middle;
}
img.floatleft
{
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
li
{
line-height: 2em;
}
.mainpart
{
margin: 0;
padding: 10px 20px;
}
.mainpart h1
{
font-size: 16px;
font-weight: bold;
}
table,
tr,
td,
th
{
border-left: 0;
border-right: 0;
border-bottom: solid 1px #E4E4E4;
border-collapse: collapse;
padding: 8px;
text-align: left;
}
table
{
margin: 20px 0;
width: 100%;
}
th
{
font-size: 14px;
font-weight: bold;
padding-top: 20px;
}
td.function
{
width: 35%;
}
td.shortfunction
{
width: 20%;
}
td.combination
{
width: 15%;
}
td.description
{
width: 50%;
}
td.longdescription
{
width: 80%;
}
.note
{
background: #F4F4F4 url(images/help.png) no-repeat 7px 5px;
font-size: 11px;
padding: 10px 20px 10px 37px;
width: 90%;
margin: 10px 0;
line-height: 1em;
min-height: 14px;
}
hr
{
height: 1px;
width: 90%;
text-align: left;
margin: 10px 0 15px;
color: #E4E4E4;
background-color: #E4E4E4;
border: 0;
}
a
{
color: #7496DD;
text-decoration: underline;
}
a:hover
{
text-decoration: none;
}
a.sup_link {
text-decoration: none;
}

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/3dchart.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/SearchOptions.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 479 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/about.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 448 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/access_rights.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/added_comment_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 227 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/addhyperlink.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/addslide.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 280 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/advanced_settings_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 571 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignbottom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 151 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/aligncenter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignleft.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignmiddle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignobjectbottom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignobjectcenter.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignobjectleft.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignobjectmiddle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 166 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignobjectright.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignobjecttop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignright.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 185 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/alignshape.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/aligntop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/arrangeshape.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 265 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/arrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 778 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/autoshape.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 400 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 339 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bgcolor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 349 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bold.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 266 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bordersize.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bordertype.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bringforward.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bringtofront.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/bullets.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 235 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/cellrow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 276 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/changecolorscheme.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 507 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/changelayout.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 255 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chart_settings_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/charteditor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chartsettings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chartsettings2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chartsettings3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chartsettings4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chartsettings5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/charttab.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chaticon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 427 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/chaticon_new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 482 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/circle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 169 B

BIN
www/common/onlyoffice/v1/web-apps/apps/presentationeditor/main/resources/help/en/images/clearstyle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 245 B

Some files were not shown because too many files have changed in this diff Show More