IlyaSobolev/helpcenter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 27 Wiki Activity

Merge branch 'feature/build_8.1' into feature/test-fixes-december-23

Browse Source
This commit is contained in:
Svetlana Maleeva 2024-05-21 11:50:46 +03:00
commit 3e0ea86220
122 changed files with 1340 additions and 564 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

370
Web/Controls/Help/Server/DeveloperEdition/ConfiguringDeveloper.ascx
View File

@ -328,6 +328,18 @@
</div>
</div>
<h2 id="PersistentStorage">Persistent storage</h2>
<div class="block_of_step">
<div class="screen_text">
<p>These parameters define the settings of the persistent storage, which is used to separate the settings for the document cache file storage and the storage of the forgotten and error files.
Settings that are not specified in this object are inherited from the <a href="#Storage">storage</a> object. The separation is convenient for server upgrades.</p>
<h4>Example</h4>
<pre><code>"persistentStorage": {
}
</code></pre>
</div>
</div>
<h2 id="RabbitMQ">RabbitMQ</h2>
<div class="block_of_step">
<div class="screen_text">
@ -748,23 +760,47 @@
<td>string</td>
<td><code>"/web-apps/apps/presentationeditor/main/resources/img/favicon.ico"</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-favIconUrlPdf"><code>wopi.favIconUrlPdf</code></div></td>
<td>Defines a path to the favicon for the pdf editor.</td>
<td>string</td>
<td><code>"/web-apps/apps/pdfeditor/main/resources/img/favicon.ico"</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-fileInfoBlockList"><code>wopi.fileInfoBlockList</code></div></td>
<td>Defines a list of WOPI file information parameters that are blocked when sending this array to the browser. However, these parameters are available on the server.</td>
<td>array of strings</td>
<td><code>["FileUrl"]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-pdfView"><code>wopi.pdfView</code></div></td>
<td>Defines the file types that can be viewed in the pdf editor.</td>
<td>array of strings</td>
<td><code>["djvu", "xps", "oxps"]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-pdfEdit"><code>wopi.pdfEdit</code></div></td>
<td>Defines the file types that can be edited in the pdf editor.</td>
<td>array of strings</td>
<td><code>["pdf"]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-forms"><code>wopi.forms</code></div></td>
<td>Defines the form file types.</td>
<td>array of strings</td>
<td><code>["pdf"]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-wordView"><code>wopi.wordView</code></div></td>
<td>Defines the file types that can be viewed in the document editor.</td>
<td>array of strings</td>
<td><code>["pdf", "djvu", "xps", "oxps", "doc", "dotx", "dotm", "dot", "fodt", "ott", "rtf", "mht", "mhtml", "html", "htm", "xml", "epub", "fb2", "sxw", "stw", "wps", "wpt"]</code></td>
<td><code>["pdf", "djvu", "xps", "oxps", "doc", "dotx", "dotm", "dot", "fodt", "ott", "rtf", "mht", "mhtml", "html", "htm", "xml", "epub", "fb2", "sxw", "stw", "wps", "wpt", "docxf", "oform"]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-wordEdit"><code>wopi.wordEdit</code></div></td>
<td>Defines the file types that can be edited in the document editor.</td>
<td>array of strings</td>
<td><code>["docx", "docm", "docxf", "oform", "odt", "txt"]</code></td>
<td><code>["docx", "docm", "odt", "txt"]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="wopi-cellView"><code>wopi.cellView</code></div></td>
@ -874,9 +910,13 @@
"favIconUrlWord" : "/web-apps/apps/documenteditor/main/resources/img/favicon.ico",
"favIconUrlCell" : "/web-apps/apps/spreadsheeteditor/main/resources/img/favicon.ico",
"favIconUrlSlide" : "/web-apps/apps/presentationeditor/main/resources/img/favicon.ico",
"favIconUrlPdf" : "/web-apps/apps/pdfeditor/main/resources/img/favicon.ico",
"fileInfoBlockList" : ["FileUrl"],
"wordView": ["pdf", "djvu", "xps", "oxps", "doc", "dotx", "dotm", "dot", "fodt", "ott", "rtf", "mht", "mhtml", "html", "htm", "xml", "epub", "fb2", "sxw", "stw", "wps", "wpt"],
"wordEdit": ["docx", "docm", "docxf", "oform", "odt", "txt"],
"pdfView": ["djvu", "xps", "oxps"],
"pdfEdit": ["pdf"],
"forms": ["pdf"],
"wordView": ["doc", "dotx", "dotm", "dot", "fodt", "ott", "rtf", "mht", "mhtml", "html", "htm", "xml", "epub", "fb2", "sxw", "stw", "wps", "wpt", "docxf", "oform"],
"wordEdit": ["docx", "docm", "odt", "txt"],
"cellView": ["xls", "xlsb", "xltx", "xltm", "xlt", "fods", "ots", "sxc", "xml", "et", "ett"],
"cellEdit": ["xlsx", "xlsm", "ods", "csv"],
"slideView": ["ppt", "ppsx", "ppsm", "pps", "potx", "potm", "pot", "fodp", "otp", "sxi", "dps", "dpt"],
@ -998,6 +1038,114 @@
</div>
</div>
<h2 id="ExternalRequest">External request</h2>
<div class="block_of_step">
<div class="screen_text">
<table class="table_portslist script_parameters">
<colgroup>
<col style="width: 250px;" />
<col />
<col style="width: 150px;" />
<col style="width: 250px;" />
</colgroup>
<tbody>
<tr>
<th>Parameter</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-directIfIn"><code>externalRequest.directIfIn</code></div></td>
<td>Defines the IP addresses that are allowed for direct requests.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-directIfIn-allowList"><code>externalRequest.directIfIn.allowList</code></div></td>
<td>Defines a list of the IP addresses that are trusted for the direct requests.</td>
<td>list</td>
<td><code>[]</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-directIfIn-jwtToken"><code>externalRequest.directIfIn.jwtToken</code></div></td>
<td>Defines if the trusted IP addresses are in the JWT or not.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action"><code>externalRequest.action</code></div></td>
<td>Defines the external request options.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-allow"><code>externalRequest.action.allow</code></div></td>
<td>Defines if the external requests are allowed or not.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-blockPrivateIP"><code>externalRequest.action.blockPrivateIP</code></div></td>
<td>Defines if the private IP address will be blocked or not.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-proxyUrl"><code>externalRequest.action.proxyUrl</code></div></td>
<td>Defines the proxy URL.</td>
<td>string</td>
<td><code>""</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-proxyUser"><code>externalRequest.action.proxyUser</code></div></td>
<td>Defines the proxy authentication parameters.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-proxyUser-username"><code>externalRequest.action.proxyUser.username</code></div></td>
<td>Defines the proxy authentication username.</td>
<td>string</td>
<td><code>""</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-proxyUser-password"><code>externalRequest.action.proxyUser.password</code></div></td>
<td>Defines the proxy authentication password.</td>
<td>string</td>
<td><code>""</code></td>
</tr>
<tr>
<td><div class="copy-link" id="externalRequest-action-proxyHeaders"><code>externalRequest.action.proxyHeaders</code></div></td>
<td>Defines the proxy headers.</td>
<td>object</td>
<td><code>{}</code></td>
</tr>
</tbody>
</table>
<p>These parameters define the configuration of the external requests.</p>
<h4>Example</h4>
<pre><code>"externalRequest": {
"directIfIn" : {
"allowList": [],
"jwtToken": true
},
"action": {
"allow": true,
"blockPrivateIP": true,
"proxyUrl": "",
"proxyUser": {
"username": "",
"password": ""
},
"proxyHeaders": {
}
}
}
</code></pre>
</div>
</div>
<h2 id="Services">Document Server services</h2>
<div class="block_of_step">
<div class="screen_text">
@ -1174,9 +1322,15 @@
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-server-editorDataStorage"><code>services.CoAuthoring.server.editorDataStorage</code></div></td>
<td>Defines the editor data storage.</td>
<td>Defines the editor data storage. The possible values: <em>"editorDataMemory"</em>, <em>"editorDataRedis"</em>, <em>""</em>.</td>
<td>string</td>
<td><code>"editorDataRedis"</code></td>
<td><code>"editorDataMemory"</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-server-editorStatStorage"><code>services.CoAuthoring.server.editorStatStorage</code></div></td>
<td>Defines the editor data storage for license calculation and statistics (local memory or redis). The possible values are <em>"editorDataMemory"</em>, <em>"editorDataRedis"</em>, or <em>""</em>. The default <em>""</em> value means that the value of the <em>editorDataStorage</em> parameter will be used. This parameter is primarily used for a sharded cluster.</td>
<td>string</td>
<td><code>""</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-server-assemblyFormatAsOrigin"><code>services.CoAuthoring.server.assemblyFormatAsOrigin</code></div></td>
@ -1202,12 +1356,6 @@
<td>boolean</td>
<td><code>true</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-server-allowPrivateIPAddressForSignedRequests"><code>services.CoAuthoring.server.allowPrivateIPAddressForSignedRequests</code></div></td>
<td>Defines if the signed requests for local links are allowed or not. It is used in the multi-tenant mode for server security.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
</tbody>
</table>
<p>These parameters define the server configuration.</p>
@ -1236,12 +1384,12 @@
"maxRequestChanges": 20000,
"openProtectedFile": true,
"isAnonymousSupport": true,
"editorDataStorage": "editorDataRedis",
"editorDataStorage": "editorDataMemory",
"editorStatStorage": "",
"assemblyFormatAsOrigin": true,
"newFileTemplate" : "../../document-templates/new",
"downloadFileAllowExt": ["pdf", "xlsx"],
"tokenRequiredParams" : true,
"allowPrivateIPAddressForSignedRequests" : true
"tokenRequiredParams" : true
}
}
}
@ -1508,7 +1656,139 @@
<td><div class="copy-link" id="services-CoAuthoring-sql-pgPoolExtraOptions"><code>services.CoAuthoring.sql.pgPoolExtraOptions</code></div></td>
<td>Defines the parameters that can be passed directly to the <a target="_blank" href="https://github.com/brianc/node-postgres-docs/blob/master/content/api/1-pool.mdx#new-poolconfig-object">node-postgres pool</a> library.</td>
<td>object</td>
<td><code>{}</code></td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-pgPoolExtraOptions-idleTimeoutMillis"><code>services.CoAuthoring.sql.pgPoolExtraOptions.idleTimeoutMillis</code></div></td>
<td>Defines a number of milliseconds a client must remain idle in the pool and not be checked out before it is disconnected from the backend and discarded. Set to 0 to disable automatic disconnection of idle clients.</td>
<td>integer</td>
<td><code>30000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-pgPoolExtraOptions-maxLifetimeSeconds"><code>services.CoAuthoring.sql.pgPoolExtraOptions.maxLifetimeSeconds</code></div></td>
<td>Defines a number of seconds that represents the maximum lifetime.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-pgPoolExtraOptions-statement_timeout"><code>services.CoAuthoring.sql.pgPoolExtraOptions.statement_timeout</code></div></td>
<td>Defines a number of milliseconds before the query statement times out.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-pgPoolExtraOptions-query_timeout"><code>services.CoAuthoring.sql.pgPoolExtraOptions.query_timeout</code></div></td>
<td>Defines a number of milliseconds before a query call times out.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-pgPoolExtraOptions-connectionTimeoutMillis"><code>services.CoAuthoring.sql.pgPoolExtraOptions.connectionTimeoutMillis</code></div></td>
<td>Defines a number of milliseconds to wait for a connection.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions"><code>services.CoAuthoring.sql.damengExtraOptions</code></div></td>
<td>Defines the Dameng database parameters.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-columnNameUpperCase"><code>services.CoAuthoring.sql.damengExtraOptions.columnNameUpperCase</code></div></td>
<td>Defines if the column names are uppercase or not.</td>
<td>boolean</td>
<td><code>false</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-columnNameCase"><code>services.CoAuthoring.sql.damengExtraOptions.columnNameCase</code></div></td>
<td>Defines the case of column names.</td>
<td>string</td>
<td><code>"lower"</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-connectTimeout"><code>services.CoAuthoring.sql.damengExtraOptions.connectTimeout</code></div></td>
<td>Defines a number of milliseconds to wait for a connection.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-loginEncrypt"><code>services.CoAuthoring.sql.damengExtraOptions.loginEncrypt</code></div></td>
<td>Defines if the login encryption is enabled or not.</td>
<td>boolean</td>
<td><code>false</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-localTimezone"><code>services.CoAuthoring.sql.damengExtraOptions.localTimezone</code></div></td>
<td>Defines the local timezone.</td>
<td>integer</td>
<td><code>0</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-poolTimeout"><code>services.CoAuthoring.sql.damengExtraOptions.poolTimeout</code></div></td>
<td>Defines a number of seconds after which the pool terminates idle connections (unused in the pool).</td>
<td>integer</td>
<td><code>60</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-socketTimeout"><code>services.CoAuthoring.sql.damengExtraOptions.socketTimeout</code></div></td>
<td>Defines a number of milliseconds when a connection request made by a client or a server doesn't receive a response from the other end.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-damengExtraOptions-queueTimeout"><code>services.CoAuthoring.sql.damengExtraOptions.queueTimeout</code></div></td>
<td>Defines a number of milliseconds when messages are retained in the queue before they are discarded.</td>
<td>integer</td>
<td><code>60000</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-oracleExtraOptions"><code>services.CoAuthoring.sql.oracleExtraOptions</code></div></td>
<td>Defines the Oracle database parameters.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-oracleExtraOptions-connectTimeout"><code>services.CoAuthoring.sql.oracleExtraOptions.connectTimeout</code></div></td>
<td>Defines a number of seconds to wait for a connection.</td>
<td>integer</td>
<td><code>60</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-msSqlExtraOptions"><code>services.CoAuthoring.sql.msSqlExtraOptions</code></div></td>
<td>Defines the MS SQL database parameters.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-msSqlExtraOptions-options"><code>services.CoAuthoring.sql.msSqlExtraOptions.options</code></div></td>
<td>Defines the MS SQL database options.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-msSqlExtraOptions-options-encrypt"><code>services.CoAuthoring.sql.msSqlExtraOptions.options.encrypt</code></div></td>
<td>Defines whether the data will be encrypted before sending it over the network.</td>
<td>boolean</td>
<td><code>false</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-msSqlExtraOptions-options-trustServerCertificate"><code>services.CoAuthoring.sql.msSqlExtraOptions.options.trustServerCertificate</code></div></td>
<td>Defines whether an encryption occurs when there is no verified server certificate.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-msSqlExtraOptions-pool"><code>services.CoAuthoring.sql.msSqlExtraOptions.pool</code></div></td>
<td>Defines the parameters of the connection pool.</td>
<td>object</td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-sql-msSqlExtraOptions-pool-idleTimeoutMillis"><code>services.CoAuthoring.sql.msSqlExtraOptions.pool.idleTimeoutMillis</code></div></td>
<td>Defines a number of milliseconds a client must remain idle in the pool and not be checked out before it is disconnected from the backend and discarded. Set to 0 to disable automatic disconnection of idle clients.</td>
<td>integer</td>
<td><code>30000</code></td>
</tr>
</tbody>
</table>
@ -1528,7 +1808,35 @@
"charset": "utf8",
"connectionlimit": 10,
"max_allowed_packet": 1048575,
"pgPoolExtraOptions": {}
"pgPoolExtraOptions": {
"idleTimeoutMillis": 30000,
"maxLifetimeSeconds": 60000,
"statement_timeout": 60000,
"query_timeout": 60000,
"connectionTimeoutMillis": 60000
},
"damengExtraOptions": {
"columnNameUpperCase": false,
"columnNameCase": "lower",
"connectTimeout": 60000,
"loginEncrypt": false,
"localTimezone": 0,
"poolTimeout": 60,
"socketTimeout": 60000,
"queueTimeout": 60000
},
"oracleExtraOptions": {
"connectTimeout": 60
},
"msSqlExtraOptions": {
"options": {
"encrypt": false,
"trustServerCertificate": true
},
"pool": {
"idleTimeoutMillis": 30000
}
}
}
}
}
@ -1594,7 +1902,13 @@
<td><div class="copy-link" id="services-CoAuthoring-redis-iooptions"><code>services.CoAuthoring.redis.iooptions</code></div></td>
<td>Defines the parameters (username, password, modules etc.) that can be passed directly to the <a target="_blank" href="https://github.com/redis/ioredis/blob/main/lib/redis/RedisOptions.ts">ioredis RedisOptions</a> library.</td>
<td>object</td>
<td><code>{}</code></td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-redis-iooptions-lazyConnect"><code>services.CoAuthoring.redis.iooptions.lazyConnect</code></div></td>
<td>Defines if the connection to the server will be delayed until the first command is sent or <em>redis.connect()</em> is called explicitly.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-redis-iooptionsClusterNodes"><code>services.CoAuthoring.redis.iooptionsClusterNodes</code></div></td>
@ -1608,7 +1922,13 @@
<td>Defines the parameters (clusterRetryStrategy, dnsLookup, scaleReads etc.) that can be passed directly to the <a target="_blank" href="https://github.com/redis/ioredis#cluster">ioredis cluster</a> library
to connect to the redis cluster. This setting has the priority over the <em>iooptions</em> parameter for connecting to the single redis.</td>
<td>object</td>
<td><code>{}</code></td>
<td></td>
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-redis-iooptionsClusterOptions-lazyConnect"><code>services.CoAuthoring.redis.iooptionsClusterOptions.lazyConnect</code></div></td>
<td>Defines if the connection to the server will be delayed until the first command is sent or <em>redis.connect()</em> is called explicitly.</td>
<td>boolean</td>
<td><code>true</code></td>
</tr>
</tbody>
</table>
@ -1623,9 +1943,13 @@
"port": 6379,
"options": {},
"optionsCluster": {},
"iooptions": {},
"iooptions": {
"lazyConnect": true
},
"iooptionsClusterNodes": [],
"iooptionsClusterOptions"": {}
"iooptionsClusterOptions": {
"lazyConnect": true
}
}
}
}
@ -1750,7 +2074,7 @@
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-expire-documentsCron"><code>services.CoAuthoring.expire.documentsCron</code></div></td>
<td>Defines the time for starting check, during which old files are deleted from the cache (every two hours by default).</td>
<td>Defines the time for starting check, during which old files are deleted from the cache (every two minutes by default).</td>
<td>string</td>
<td><code>"0 */2 * * * *"</code></td>
</tr>
@ -1762,7 +2086,7 @@
</tr>
<tr>
<td><div class="copy-link" id="services-CoAuthoring-expire-filesCron"><code>services.CoAuthoring.expire.filesCron</code></div></td>
<td>Defines the time for check starting (every day at midnight by default).</td>
<td>Defines the time for check starting (every hour by default).</td>
<td>string</td>
<td><code>"00 00 */1 * * *"</code></td>
</tr>

225
Web/Controls/Help/Server/Document/ChangeThemes/ChangeThemes.ascx
View File

@ -107,7 +107,15 @@
<p>The toolbar header color for presentations.</p>
<p><img alt="toolbar-header-presentation" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/toolbar-header-presentation.png")%>" /></p>
</td>
<td><code>#aa5252</code></td>
<td><code>#BE664F</code></td>
</tr>
<tr>
<td><div class="copy-link" id="toolbar-header-pdf"><code>toolbar-header-pdf</code></div></td>
<td>
<p>The toolbar header color for pdfs.</p>
<p><img alt="toolbar-header-pdf" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/toolbar-header-pdf.png")%>" /></p>
</td>
<td><code>#AA5252</code></td>
</tr>
<tr>
<td><div class="copy-link" id="text-toolbar-header-on-background-document"><code>text-toolbar-header-on-background-document</code></div></td>
@ -131,6 +139,14 @@
<p>The text color of the user initials from the presentations toolbar header.</p>
<p><img alt="text-toolbar-header-on-background-presentation" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/text-toolbar-header-on-background-presentation.png")%>" /></p>
</td>
<td><code>#854535</code></td>
</tr>
<tr>
<td><div class="copy-link" id="text-toolbar-header-on-background-pdf"><code>text-toolbar-header-on-background-pdf</code></div></td>
<td>
<p>The text color of the user initials from the pdfs toolbar header.</p>
<p><img alt="text-toolbar-header-on-background-pdf" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/text-toolbar-header-on-background-pdf.png")%>" /></p>
</td>
<td><code>#8D4444</code></td>
</tr>
</tbody>
@ -250,6 +266,15 @@
</td>
<td><code>#fff</code></td>
</tr>
<tr>
<td><div class="copy-link" id="background-fill-button"><code>background-fill-button</code></div></td>
<td>
<p>The background color of the button from the form header.</p>
<p><img alt="background-fill-button" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/background-fill-button.png")%>" /></p>
</td>
<td><code>#FFD112</code></td>
</tr>
<tr>
<td><div class="copy-link" id="shadow-contrast-popover"><code>shadow-contrast-popover</code></div></td>
<td>
<p>The background color of the information tip shadow.</p>
@ -358,6 +383,22 @@
</td>
<td><code>#3494fb</code></td>
</tr>
<tr>
<td><div class="copy-link" id="highlight-fill-button-hover"><code>highlight-fill-button-hover</code></div></td>
<td>
<p>The highlight color of the form header button on hover.</p>
<p><img alt="highlight-fill-button-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/highlight-fill-button-hover.png")%>" /></p>
</td>
<td><code>#FFE165</code></td>
</tr>
<tr>
<td><div class="copy-link" id="highlight-fill-button-pressed"><code>highlight-fill-button-pressed</code></div></td>
<td>
<p>The background color of the pressed button from the form header.</p>
<p><img alt="highlight-fill-button-pressed" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/highlight-fill-button-pressed.png")%>" /></p>
</td>
<td><code>#DFB500</code></td>
</tr>
</tbody>
</table>
</div>
@ -467,6 +508,14 @@
</td>
<td><code>#fff</code></td>
</tr>
<tr>
<td><div class="copy-link" id="border-button-pressed-focus"><code>border-button-pressed-focus</code></div></td>
<td>
<p>The border color of the focused pressed button.</p>
<p><img alt="border-button-pressed-focus" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/border-button-pressed-focus.png")%>" /></p>
</td>
<td><code>#848484</code></td>
</tr>
</tbody>
</table>
</div>
@ -777,18 +826,34 @@
<td><code>rgba(0, 0, 0, 0.1)</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-cell-title-hover"><code>canvas-cell-title-hover</code></div></td>
<td><div class="copy-link" id="canvas-cell-title-text"><code>canvas-cell-title-text</code></div></td>
<td>
<p>The cell title color on hover.</p>
<p><img alt="canvas-cell-title-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-cell-title-hover.png")%>" /></p>
<p>The text color of the cell title.</p>
<p><img alt="canvas-cell-title-text" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-cell-title-text.png")%>" /></p>
</td>
<td><code>#444</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-cell-title-background"><code>canvas-cell-title-background</code></div></td>
<td>
<p>The background color of the cell title.</p>
<p><img alt="canvas-cell-title-background" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-cell-title-background.png")%>" /></p>
</td>
<td><code>#f7f7f7</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-cell-title-background-hover"><code>canvas-cell-title-background-hover</code></div></td>
<td>
<p>The background color of the cell title on hover.</p>
<p><img alt="canvas-cell-title-background-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-cell-title-background-hover.png")%>" /></p>
</td>
<td><code>#dfdfdf</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-cell-title-selected"><code>canvas-cell-title-selected</code></div></td>
<td><div class="copy-link" id="canvas-cell-title-background-selected"><code>canvas-cell-title-background-selected</code></div></td>
<td>
<p>The selected cell title color.</p>
<p><img alt="canvas-cell-title-selected" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-cell-title-selected.png")%>" /></p>
<p>The background color of the selected cell title.</p>
<p><img alt="canvas-cell-title-background-selected" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-cell-title-background-selected.png")%>" /></p>
</td>
<td><code>#cfcfcf</code></td>
</tr>
@ -816,77 +881,13 @@
</td>
<td><code>#bbb</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-cell-title"><code>canvas-dark-cell-title</code></div></td>
<td>
<p>The cell title color in sheet view presets.</p>
<p><img alt="canvas-dark-cell-title" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-cell-title.png")%>" /></p>
</td>
<td><code>#444</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-cell-title-hover"><code>canvas-dark-cell-title-hover</code></div></td>
<td>
<p>The cell title color in sheet view presets on hover.</p>
<p><img alt="canvas-dark-cell-title-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-cell-title-hover.png")%>" /></p>
</td>
<td><code>#666</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-cell-title-selected"><code>canvas-dark-cell-title-selected</code></div></td>
<td>
<p>The selected cell title color in sheet view presets.</p>
<p><img alt="canvas-dark-cell-title-selected" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-cell-title-selected.png")%>" /></p>
</td>
<td><code>#111</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-cell-title-border"><code>canvas-dark-cell-title-border</code></div></td>
<td>
<p>The border color of the cell title in sheet view presets.</p>
<p><img alt="canvas-dark-cell-title-border" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-cell-title-border.png")%>" /></p>
</td>
<td><code>#3d3d3d</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-cell-title-border-hover"><code>canvas-dark-cell-title-border-hover</code></div></td>
<td>
<p>The border color of the cell title in sheet view presets on hover.</p>
<p><img alt="canvas-dark-cell-title-border-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-cell-title-border-hover.png")%>" /></p>
</td>
<td><code>#5c5c5c</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-cell-title-border-selected"><code>canvas-dark-cell-title-border-selected</code></div></td>
<td>
<p>The border color of the selected cell title in sheet view presets.</p>
<p><img alt="canvas-dark-cell-title-border-selected" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-cell-title-border-selected.png")%>" /></p>
</td>
<td><code>#0f0f0f</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-content-background"><code>canvas-dark-content-background</code></div></td>
<td>
<p>The background color of the dark document page when the dark mode is enabled.</p>
<p><img alt="canvas-dark-content-background" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-content-background.png")%>" /></p>
</td>
<td><code>#3a3a3a</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-dark-page-border"><code>canvas-dark-page-border</code></div></td>
<td>
<p>The border color of the dark document page when the dark mode is enabled.</p>
<p><img alt="canvas-dark-page-border" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-dark-page-border.png")%>" /></p>
</td>
<td><code>#2a2a2a</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb"><code>canvas-scroll-thumb</code></div></td>
<td>
<p>The scroll thumb color.</p>
<p><img alt="canvas-scroll-thumb" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb.png")%>" /></p>
</td>
<td><code>#f7f7f7</code></td>
<td><code>#f1f1f1</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-hover"><code>canvas-scroll-thumb-hover</code></div></td>
@ -894,7 +895,7 @@
<p>The scroll thumb color on hover.</p>
<p><img alt="canvas-scroll-thumb-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb-hover.png")%>" /></p>
</td>
<td><code>#c0c0c0</code></td>
<td><code>#cfcfcf</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-pressed"><code>canvas-scroll-thumb-pressed</code></div></td>
@ -910,7 +911,7 @@
<p>The border color of the scroll thumb.</p>
<p><img alt="canvas-scroll-thumb-border" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb-border.png")%>" /></p>
</td>
<td><code>#cbcbcb</code></td>
<td><code>#cfcfcf</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-border-hover"><code>canvas-scroll-thumb-border-hover</code></div></td>
@ -918,7 +919,7 @@
<p>The border color of the scroll thumb on hover.</p>
<p><img alt="canvas-scroll-thumb-border-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb-border-hover.png")%>" /></p>
</td>
<td><code>#cbcbcb</code></td>
<td><code>#cfcfcf</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-border-pressed"><code>canvas-scroll-thumb-border-pressed</code></div></td>
@ -942,7 +943,7 @@
<p>The scroll arrow color on hover.</p>
<p><img alt="canvas-scroll-arrow-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-arrow-hover.png")%>" /></p>
</td>
<td><code>#f7f7f7</code></td>
<td><code>#f1f1f1</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-arrow-pressed"><code>canvas-scroll-arrow-pressed</code></div></td>
@ -950,7 +951,7 @@
<p>The pressed scroll arrow color.</p>
<p><img alt="canvas-scroll-arrow-pressed" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-arrow-pressed.png")%>" /></p>
</td>
<td><code>#f7f7f7</code></td>
<td><code>#f1f1f1</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-target"><code>canvas-scroll-thumb-target</code></div></td>
@ -958,7 +959,7 @@
<p>The target color of the scroll thumb.</p>
<p><img alt="canvas-scroll-thumb-target" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb-target.png")%>" /></p>
</td>
<td><code>#c0c0c0</code></td>
<td><code>#cfcfcf</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-target-hover"><code>canvas-scroll-thumb-target-hover</code></div></td>
@ -966,7 +967,7 @@
<p>The target color of the scroll thumb on hover.</p>
<p><img alt="canvas-scroll-thumb-target-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb-target-hover.png")%>" /></p>
</td>
<td><code>#f7f7f7</code></td>
<td><code>#f1f1f1</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-scroll-thumb-target-pressed"><code>canvas-scroll-thumb-target-pressed</code></div></td>
@ -974,7 +975,71 @@
<p>The target color of the pressed scroll thumb.</p>
<p><img alt="canvas-scroll-thumb-target-pressed" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-scroll-thumb-target-pressed.png")%>" /></p>
</td>
<td><code>#f7f7f7</code></td>
<td><code>#f1f1f1</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-sheet-view-cell-background"><code>canvas-sheet-view-cell-background</code></div></td>
<td>
<p>The cell background color in the Sheet View mode.</p>
<p><img alt="canvas-sheet-view-cell-background" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-sheet-view-cell-background.png")%>" /></p>
</td>
<td><code>#73bf91</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-sheet-view-cell-background-hover"><code>canvas-sheet-view-cell-background-hover</code></div></td>
<td>
<p>The cell background color in the Sheet View mode on hover.</p>
<p><img alt="canvas-sheet-view-cell-background-hover" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-sheet-view-cell-background-hover.png")%>" /></p>
</td>
<td><code>#97e3b6</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-sheet-view-cell-background-pressed"><code>canvas-sheet-view-cell-background-pressed</code></div></td>
<td>
<p>The pressed cell background color in the Sheet View mode.</p>
<p><img alt="canvas-sheet-view-cell-background-pressed" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-sheet-view-cell-background-pressed.png")%>" /></p>
</td>
<td><code>#aaffcc</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-sheet-view-cell-title-label"><code>canvas-sheet-view-cell-title-label</code></div></td>
<td>
<p>The cell text color in the Sheet View mode.</p>
<p><img alt="canvas-sheet-view-cell-title-label" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-sheet-view-cell-title-label.png")%>" /></p>
</td>
<td><code>#121212</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-sheet-view-select-all-icon"><code>canvas-sheet-view-select-all-icon</code></div></td>
<td>
<p>The <b>Select all cells</b> icon color in the Sheet View mode.</p>
<p><img alt="canvas-sheet-view-select-all-icon" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-sheet-view-select-all-icon.png")%>" /></p>
</td>
<td><code>#3d664e</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-freeze-line-1px"><code>canvas-freeze-line-1px</code></div></td>
<td>
<p>The freeze line color with shadow.</p>
<p><img alt="canvas-freeze-line-1px" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-freeze-line-1px.png")%>" /></p>
</td>
<td><code>#818181</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-freeze-line-2px"><code>canvas-freeze-line-2px</code></div></td>
<td>
<p>The freeze line color without shadow.</p>
<p><img alt="canvas-freeze-line-2px" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-freeze-line-2px.png")%>" /></p>
</td>
<td><code>#aaaaaa</code></td>
</tr>
<tr>
<td><div class="copy-link" id="canvas-select-all-icon"><code>canvas-select-all-icon</code></div></td>
<td>
<p>The <b>Select all cells</b> icon color.</p>
<p><img alt="canvas-select-all-icon" src="<%=VirtualPathUtility.ToAbsolute("~/images/colors/canvas-select-all-icon.png")%>" /></p>
</td>
<td><code>#82878f</code></td>
</tr>
</tbody>
</table>

1
Web/Controls/Help/SideMenu/features/ONLYOFFICEEditors/PDFEditor/BasicOperations/PDFBasicOperations.ascx
View File

@ -2,4 +2,5 @@
<ul class="leftmenu_pdfeditor_toggle_expand_menu leftmenu_basic_operations">
<li><a class="leftmenu_pdfeditor_opencreatenew" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/OpenCreateNew.aspx")%>">Open an existing PDF or create a new document</a></li>
<li><a class="leftmenu_pdfeditor_filloutforms" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/FillingOutForm.aspx")%>">Filling out a form</a></li>
<li><a class="leftmenu_pdfeditor_editpdf" href="<%=VirtualPathUtility.ToAbsolute("~/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/EditPDF.aspx")%>">Edit PDF</a></li>
</ul>

43
Web/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/EditPDF.aspx Normal file
View File

@ -0,0 +1,43 @@
<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/Features/PDFEditor.master" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<%@ Register Src="~/Controls/Common/VideoConteiner.ascx" TagName="VideoContainer" TagPrefix="uc" %>
<%@ Register TagPrefix="cc" TagName="ModifyObjTag" Src="~/Controls/Help/Tags/modify-object/modify-object.ascx" %>
<%@ Register TagPrefix="cc" TagName="InsertObjTag" Src="~/Controls/Help/Tags/insert-objects/insert-objects.ascx" %>
<script runat="server">
protected override void OnInit(EventArgs e)
{
PageTitle = PageCaption = DocHelpParcing.Title;
MetaKeyWords = "";
MetaDescription = "";
}
</script>
<asp:Content ID="content3" ContentPlaceHolderID="breadstop" runat="server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/VariousControls/TopControls/PDFEditorTop/PDFEditorTop.ascx" />
</asp:Content>
<%--<asp:Content ID="Content1" ContentPlaceHolderID="guidescontent" runat="Server">
<div class="keyword_block">
<ul>
<li><cc:InsertObjTag ID="InsertObjTag1" runat="server" /></li>
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/create-fillable-forms/create-fillable-forms.ascx" /></li>
<li><cc:ModifyObjTag ID="ModifyObjTag1" runat="server" /></li>
</ul>
</div>
<%--<div class="video_ground video_trips">
<div class="video_text">
<div class="video_block">
<a onclick="showVideoContainer();" class="filling_forms_video"><span class="playbackbutton"></span></a>
</div>
</div>
</div>
<uc:VideoContainer runat="server" Url="https://www.youtube.com/embed/ic0Q2a4Ae2k?wmode=transparent" ID="VideoContainer" />
</asp:Content>--%>
<asp:Content ID="content2" ContentPlaceHolderID="leftmenupage" runat="server">
<div class="teamlabeditorspage pdfeditor pdfeditor_ui editpdf pdf_editor_editpdf">
</asp:Content>

28
Web/ONLYOFFICE-Editors/ONLYOFFICE-Spreadsheet-Editor/Functions/getpivotdata.aspx Normal file
View File

@ -0,0 +1,28 @@
<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/Features/DocumentEditor.master" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<%@ Register TagPrefix="cc" TagName="LookupReferencesTag" Src="~/Controls/Help/Tags/lookup-reference-functions/lookup-reference-functions.ascx" %>
<script runat="server">
protected override void OnInit(EventArgs e)
{
PageTitle = PageCaption = DocHelpParcing.Title;
MetaKeyWords = "";
MetaDescription = "";
}
</script>
<asp:Content ID="content3" ContentPlaceHolderID="breadstop" runat="server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/VariousControls/TopControls/SpreadsheetEditorTop/SpreadsheetEditorTop.ascx" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="guidescontent" runat="Server">
<div class="keyword_block">
<ul>
<li><cc:LookupReferencesTag ID="LookupReferences1" runat="server" /></li>
</ul>
</div>
</asp:Content>
<asp:Content ID="content2" ContentPlaceHolderID="leftmenupage" runat="server">
<div class="teamlabeditorspage spreadsheeteditor spreadsheeteditor_ui insertfunction">
</asp:Content>

27
Web/ONLYOFFICE-Editors/ONLYOFFICE-Spreadsheet-Editor/Functions/importrange.aspx Normal file
View File

@ -0,0 +1,27 @@
<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/Features/DocumentEditor.master" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<%@ Register TagPrefix="cc" TagName="TextDataTag" Src="~/Controls/Help/Tags/text-data-functions/text-data-functions.ascx" %>
<script runat="server">
protected override void OnInit(EventArgs e)
{
PageTitle = PageCaption = DocHelpParcing.Title;
MetaKeyWords = "";
MetaDescription = "";
}
</script>
<asp:Content ID="content3" ContentPlaceHolderID="breadstop" runat="server">
<cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/VariousControls/TopControls/SpreadsheetEditorTop/SpreadsheetEditorTop.ascx" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="guidescontent" runat="Server">
<div class="keyword_block">
<ul>
<li><cc:TextDataTag ID="TextData1" runat="server" /></li>
</div>
</asp:Content>
<asp:Content ID="content2" ContentPlaceHolderID="leftmenupage" runat="server">
<div class="teamlabeditorspage spreadsheeteditor spreadsheeteditor_ui insertfunction">
</asp:Content>

BIN
Web/OfficeWeb/apps/common/main/resources/help/en/images/adjust_shadow.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
Web/OfficeWeb/apps/common/main/resources/help/en/images/chat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

11
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/HelpfulHints/Communicating.htm
View File

@ -16,19 +16,20 @@
</div>
<h1>Communicating in real time</h1>
<p>The <a href="https://www.onlyoffice.com/en/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a> allows you to maintain a constant team-wide approach to work flow: <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx" onclick="onhyperlinkclick(this)">share</a> files and folders, <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">collaborate</a> on documents in real time, <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comment</a> certain parts of your documents that require additional third-party input, save <a href="../HelpfulHints/VersionHistory.htm" onclick="onhyperlinkclick(this)">document versions</a> for future use, <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)">review</a> documents and add your changes without actually editing the file, <a href="../HelpfulHints/Comparison.htm" onclick="onhyperlinkclick(this)">compare and merge</a> documents to facilitate processing and editing.</p>
<p>In <b>Document Editor</b>, you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e. <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
<p>In <b>Document Editor</b>, you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e., <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
<p><img class="floatleft" alt="Chat window" src="../../../../../../common/main/resources/help/en/images/chat.png" /></p>
<p>To access the <b>Chat</b> tool and leave a message for other users,</p>
<ol>
<li>
click the <div class = "icon icon-chaticon"></div> icon on the left sidebar, or <br />
switch to the <b>Collaboration</b> tab of the top toolbar and click the <div class = "icon icon-chat_toptoolbar"></div> <b>Chat</b> button,
click the <div class="icon icon-chaticon"></div> icon on the left sidebar, or <br />
switch to the <b>Collaboration</b> tab of the top toolbar and click the <div class="icon icon-chat_toptoolbar"></div> <b>Chat</b> button,
</li>
<li>enter your text into the corresponding field below,</li>
<li>press the <b>Send</b> button.</li>
</ol>
<p class="note">The chat messages are stored during one session only. To discuss the document content, it is better to <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">use comments</a> which are stored until they are deleted.</p>
<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 - <span class = "icon icon-chaticon_new"></span>.</p>
<p>To close the panel with chat messages, click the <span class = "icon icon-chaticon"></span> icon on the left sidebar or the <span class = "icon icon-chat_toptoolbar"></span> <b>Chat</b> button at the top toolbar once again.</p>
<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 - <span class="icon icon-chaticon_new"></span>.</p>
<p>To close the panel with chat messages, click the <span class="icon icon-chaticon"></span> icon on the left sidebar or the <span class="icon icon-chat_toptoolbar"></span> <b>Chat</b> button at the top toolbar once again.</p>
</div>
</body>
</html>

2
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/HelpfulHints/Search.htm
View File

@ -23,7 +23,7 @@
<p><img alt="Find and Replace Window" src="../images/search_window.png" /></p>
<ol>
<li>Type in your inquiry into the corresponding <b>Find</b> data entry field.</li>
<li>If you need to <b>replace</b> one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons.</li>
<li>If you need to <b>replace</b> one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
<li>To navigate between the found occurrences, click one of the arrow buttons. The <div class="icon icon-searchdownbutton"></div> button shows the next occurrence, while the <div class="icon icon-searchupbutton"></div> button shows the previous one.</li>
<li>
Specify search parameters by checking the necessary options below the entry fields:

2
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/ProgramInterface/HomeTab.htm
View File

@ -35,8 +35,6 @@
<li><a href="../UsageInstructions/AlignText.htm" onclick="onhyperlinkclick(this)">align your text</a> in a paragraph,</li>
<li>show/hide <a href="../UsageInstructions/NonprintingCharacters.htm" onclick="onhyperlinkclick(this)">non-printing characters</a>,</li>
<li><a href="../UsageInstructions/CopyClearFormatting.htm" onclick="onhyperlinkclick(this)">copy/clear</a> text formatting,</li>
<li>change the <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color scheme</a>,</li>
<li class="onlineDocumentFeatures">use <a href="../UsageInstructions/UseMailMerge.htm" onclick="onhyperlinkclick(this)">Mail Merge</a> (available in the <em>online version</em> only),</li>
<li>manage <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">styles</a>.</li>
</ul>
</div>

3
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/ProgramInterface/LayoutTab.htm
View File

@ -33,7 +33,8 @@
<li><a href="../UsageInstructions/Hyphenation.htm" onclick="onhyperlinkclick(this)">hyphenate</a> your document,</li>
<li>align and arrange objects (<a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>, <a href="../UsageInstructions/InsertImages.htm" onclick="onhyperlinkclick(this)">pictures</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">charts</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">shapes</a>),</li>
<li>change the <a href="../UsageInstructions/ChangeWrappingStyle.htm" onclick="onhyperlinkclick(this)">wrapping style</a> and edit wrap boundary,</li>
<li>add a <a href="../UsageInstructions/AddWatermark.htm" onclick="onhyperlinkclick(this)">watermark</a>.</li>
<li>add a <a href="../UsageInstructions/AddWatermark.htm" onclick="onhyperlinkclick(this)">watermark</a>,
<li>change the <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color scheme</a>.</li>
</ul>
</div>
</body>

3
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm
View File

@ -28,10 +28,11 @@
<ol>
<li>
The <b>Editor header</b> displays the ONLYOFFICE logo, <span class="desktopDocumentFeatures">tabs for all opened documents </span>with their names and menu tabs.
<p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
<p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located. Click the dots icon to the right to customize which buttons shall be hidden if any.</p>
<p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>
<p>On the right side of the <b>Editor header</b>, along with the username the following icons are displayed:</p>
<ul>
<li><div class="icon icon-editing_mode"></div> <b>Editing</b>, <div class="icon icon-reviewing_mode"></div> <a href="../HelpfulHints/Review.htm" onclick="onhyperlinkclick(this)"><b>Reviewing</b></a>, or <div class="icon icon-viewing_mode"></div> <b>Viewing</b> - allows selecting the required document display mode and its corresponding editing rights and features.</li>
<li><div class="icon icon-gotodocuments"></div> <b>Open file location</b> - <span class="desktopDocumentFeatures">in the <em>desktop version</em>, it allows opening the folder, where the file is stored, in the <b>File explorer</b> window.</span> <span class="onlineDocumentFeatures"> In the <em>online version</em>, it allows opening the folder of the <b>Documents</b> module, where the file is stored, in a new browser tab.</span></li>
<li class="onlineDocumentFeatures"><div class="icon icon-access_rights"></div> <b>Share</b> (available in the <em>online version</em> only). It allows adjusting <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">access rights</a> for the documents stored in the cloud.</li>
<li><div class="icon icon-favorites_icon"></div> <b>Mark as favorite</b> - click the star to add a file to favorites as to make it easy to find. The added file is just a shortcut, so the file itself remains stored in its original location. Deleting a file from favorites does not remove the file from its original location.</li>

3
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/ProgramInterface/ReviewTab.htm
View File

@ -34,7 +34,8 @@
<li>manage the <a href="../HelpfulHints/Review.htm#managechanges" onclick="onhyperlinkclick(this)">suggested changes</a>,</li>
<li class="onlineDocumentFeatures">load a document for <a href="../HelpfulHints/Comparison.htm" onclick="onhyperlinkclick(this)">comparison</a> (available in the <em>online version</em> only),</li>
<li class="onlineDocumentFeatures">open the <a href="../HelpfulHints/CollaborativeEditing.htm#chat" onclick="onhyperlinkclick(this)">Chat</a> panel (available in the <em>online version</em> only),</li>
<li class="onlineDocumentFeatures">track the <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">version history</a> (available in the <em>online version</em> only).</li>
<li class="onlineDocumentFeatures">track the <a href="../UsageInstructions/ViewDocInfo.htm" onclick="onhyperlinkclick(this)">version history</a> (available in the <em>online version</em> only),</li>
<li class="onlineDocumentFeatures">use <a href="../UsageInstructions/UseMailMerge.htm" onclick="onhyperlinkclick(this)">Mail Merge</a> (available in the <em>online version</em> only).</li>
</ul>
</div>
</body>

6
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/ChangeColorScheme.htm
View File

@ -16,13 +16,13 @@
</div>
<h1>Change color scheme</h1>
<p>Color schemes are applied to the whole document. In the <a href="https://www.onlyoffice.com/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, you can quickly change the appearance of your document because they define the <b>Theme Colors</b> palette for different document elements (<a href="../UsageInstructions/FontTypeSizeColor.htm" onclick="onhyperlinkclick(this)">font</a>, <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)">background</a>, <a href="../UsageInstructions/InsertTables.htm" onclick="onhyperlinkclick(this)">tables</a>, <a href="../UsageInstructions/InsertAutoshapes.htm" onclick="onhyperlinkclick(this)">autoshapes</a>, <a href="../UsageInstructions/InsertCharts.htm" onclick="onhyperlinkclick(this)">charts</a>). If you applied some <b>Theme Colors</b> to the document elements and then select a different <b>Color Scheme</b>, the applied colors in your document will change correspondingly.</p>
<p>To change a color scheme, click the downward arrow next to the <b>Change color scheme</b> <span class = "icon icon-changecolorscheme"></span> icon on the <b>Home</b> tab of the top toolbar and select the required color scheme from the list: <b>New Office</b>, <b>Office</b>, <b>Grayscale</b>, <b>Apex</b>, <b>Aspect</b>, <b>Civic</b>, <b>Concourse</b>, <b>Equity</b>, <b>Flow</b>, <b>Foundry</b>, <b>Median</b>, <b>Metro</b>, <b>Module</b>, <b>Odulent</b>, <b>Oriel</b>, <b>Origin</b>, <b>Paper</b>, <b>Solstice</b>, <b>Technic</b>, <b>Trek</b>, <b>Urban</b>, <b>Verve</b>. The selected color scheme will be highlighted in the list.</p>
<p>To change a color scheme, click the downward arrow next to the <b>Color Scheme</b> <span class = "icon icon-changecolorscheme"></span> icon on the <b>Layout</b> tab of the top toolbar and select the required color scheme from the list: <b>New Office</b>, <b>Office</b>, <b>Grayscale</b>, <b>Apex</b>, <b>Aspect</b>, <b>Civic</b>, <b>Concourse</b>, <b>Equity</b>, <b>Flow</b>, <b>Foundry</b>, <b>Median</b>, <b>Metro</b>, <b>Module</b>, <b>Odulent</b>, <b>Oriel</b>, <b>Origin</b>, <b>Paper</b>, <b>Solstice</b>, <b>Technic</b>, <b>Trek</b>, <b>Urban</b>, <b>Verve</b>. The selected color scheme will be highlighted in the list.</p>
<p><img alt="Color Schemes" src="../images/colorscheme.png" /></p>
<p>Once you select the preferred color scheme, you can select other colors in the color palettes window that corresponds to the document element you want to apply the color to. For most document elements, the color palettes window can be accessed by clicking the colored box on the right sidebar when the required element is selected. For the font, this window can be opened using the downward arrow next to the <b>Font color</b> <span class = "icon icon-fontcolor"></span> icon on the <b>Home</b> tab of the top toolbar. The following palettes are available:</p>
<p><img alt="Palette" src="../images/palette.png" /></p>
<ul>
<li><b>Theme Colors</b> - the colors that correspond to the selected color scheme of the document.</li>
<li><b>Standard Colors</b> - a set of default colors. The selected color scheme does not affect them.</li>
<li><b>Theme colors</b> - the colors that correspond to the selected color scheme of the document.</li>
<li><b>Standard colors</b> - a set of default colors. The selected color scheme does not affect them.</li>
<li>
You can also apply a <b>custom color</b> using two different options:
<ul>

75
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/Drawio.htm
View File

@ -29,26 +29,79 @@
<ul>
<li>
<b>Worksheet</b> settings:
<ul>
<li><b>View</b>: <em>Grid</em>, its size and color, <em>Page view</em>, <em>Background</em> - you can either select a local image or provide the URL, or choose a suitable color using the color palette, as well as add <em>Shadow</em> effects.</li>
<li><b>Options</b>: <em>Connection Arrows</em>, <em>Connection Points</em>, <em>Guides</em>.</li>
<li><b>Paper size</b>: <em>Portrait</em> or <em>Landscape</em> orientation with specified length and width parameters.</li>
</ul>
<ol>
<li>
<b>Diagram</b> tab:
<ul>
<li><b>View</b>: <em>Grid</em>, its size and color, <em>Page view</em>, <em>Background</em> - you can either select a local image or provide the URL, or choose a suitable color using the color palette via <b>Background Color</b>, as well as add <em>Shadow</em> and <b>Sketch</b> effects.</li>
<li><b>Options</b>: <em>Connection Arrows</em>, <em>Connection Points</em>, <em>Guides</em>.</li>
<li><b>Paper size</b>: <em>Portrait</em> or <em>Landscape</em> orientation with specified length and width parameters.</li>
</ul>
</li>
<li>
<b>Style</b> tab:
<ul>
<li>Choose the required color preset, as well as set the <b>Sketch</b> and <b>Rounded</b> effects.</li>
</ul>
</li>
</ol>
</li>
<li>
<b>Shape</b> settings:
<ul>
<li><b>Color</b>: <em>Fill color</em>, <em>Gradient</em>.</li>
<li><b>Line</b>: <em>Color</em>, <em>Type</em>, <em>Width</em>, <em>Perimeter width</em>.</li>
<li><b>Opacity</b>.</li>
</ul>
<ol>
<li>
<b>Style</b> tab:
<ul>
<li><b>Color</b>: <em>Fill color</em>, <em>Gradient</em>. Use the <b>Eyedropper</b> tool to create a custom color.</li>
<li><b>Line</b>: <em>Color</em>, <em>Type</em>, <em>Width</em>, <em>Perimeter width</em>.</li>
<li><b>Opacity</b>.</li>
<li>Graphic effects: <b>Rounded</b>, <b>Glass</b>, <b>Sketch</b>, and <b>Shadow</b>.</li>
</ul>
</li>
<li>
<b>Text</b> tab:
<ul>
<li><b>Font</b>: <em>type</em>, <em>size</em>.</li>
<li><b>Text formatting</b>: <em>Bold</em>, <em>Italic</em>, <em>Underline</em>.</li>
<li><b>Horizontal alignment</b>: <em>Left</em>, <em>Center</em>, <em>Right</em>.</li>
<li><b>Vertical alignment</b>: <em>Vertical</em> text orientation, <em>Top</em>, <em>Middle</em>, <em>Bottom</em>.</li>
<li><b>Position</b>: <em>Top Left</em>, <em>Top</em>, <em>Top Right</em>, <em>Left</em>, <em>Center</em>, <em>Right</em>, <em>Bottom Left</em>, <em>Bottom</em>, <em>Bottom Right</em>.</li>
<li><b>Writing Direction</b>: <em>Automatic</em>, <em>Left to Right</em>, <em>Right to Left</em>.</li>
<li><b>Font Color</b>.</li>
<li><b>Background Color</b>.</li>
<li><b>Border Color</b>.</li>
<li><b>Word Wrap</b>.</li>
<li><b>Formatted Text</b>.</li>
<li><b>Opacity</b>.</li>
<li><b>Spacing</b>: <em>Top</em>, <em>Global</em>, <em>Left</em>, <em>Bottom</em>, <em>Right</em>.</li>
<li><b>Clear Formatting</b> button.</li>
</ul>
</li>
<li>
<b>Arrange</b> tab:
<ul>
<li><b>Depth arrangement</b>: <em>To Front</em>, <em>To Back</em>, <em>Bring Forward</em>, <em>Send Backward</em>.</li>
<li><b>Size</b>: <em>Autosize</em>, <em>Width</em>, <em>Height</em>, <em>Constrain Proportions</em>.</li>
<li><b>Position</b>: <em>Left</em>, <em>Top</em>.</li>
<li><b>Angle</b>: value in degrees, <em>Rotate shape only by 90°</em>.</li>
<li><b>Flip</b>: <em>Horizontal</em>, <em>Vertical</em>.</li>
<li><b>Align</b>: <em>Snap to Grid</em>.</li>
<li><b>Group</b> button.</li>
<li><b>Copy Size</b> button.</li>
<li><b>Reset</b>: <em>All</em>, <em>Waypoints</em>, <em>Connection Points</em>.</li>
<li><b>Lock/Unlock</b> to restrict editing.</li>
</ul>
</li>
</ol>
</li>
<li>
<b>Arrow</b> settings:
<ul>
<li><b>Color</b>: <em>Fill color</em>, <em>Gradient</em>.</li>
<li><b>Line</b>: <em>Color</em>, <em>Type</em>, <em>Width</em>, <em>Line end</em>, <em>Line start</em>.</li>
<li><b>Line</b>: <em>Shape</em>, <em>Color</em>, <em>Connection</em>, <em>Pattern</em>, <em>Width</em>, <em>Waypoints</em>, <em>Line start</em>, <em>Line end</em>.</li>
<li><b>Opacity</b>.</li>
<li>Graphic effects: <b>Sketch</b>, <b>Shadow</b>.</li>
</ul>
</li>
</ul>

37
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/FontTypeSizeColor.htm
View File

@ -17,42 +17,47 @@
<h1>Set the font type, size, and color</h1>
<p>In the <a href="https://www.onlyoffice.com/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, you can select the font type, its size and color using the corresponding icons on the <b>Home</b> tab of the top toolbar.</p>
<p class="note">In case you want to apply the formatting to the already existing text in the document, select it with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">use the keyboard</a> and apply the formatting. You can also place the mouse cursor within the necessary word to apply the formatting to this word only.</p>
<table>
<table>
<tr>
<td width="10%">Font</td>
<td width="15%"><div class = "big big-fontfamily"></div></td>
<td width="10%">Font</td>
<td width="15%"><div class="big big-fontfamily"></div></td>
<td>Used to select a font from the list of the the available fonts. <span class="desktopDocumentFeatures">If the required font is not available in the list, you can download and install it on your operating system, and the font will be available in the <em>desktop version</em>.</span></td>
</tr>
<tr>
<td>Font size</td>
<td><div class = "icon icon-fontsize"></div></td>
<td><div class="icon icon-fontsize"></div></td>
<td>Used to choose from the preset font size values in the dropdown list (the default values are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 and 96). It's also possible to manually enter a custom value up to 300 pt in the font size field. Press <em>Enter</em> to confirm.</td>
</tr>
<tr>
<td>Increment font size</td>
<td><div class = "icon icon-larger"></div></td>
<tr>
<td>Increment font size</td>
<td><div class="icon icon-larger"></div></td>
<td>Used to change the font size making it one point bigger each time the button is pressed.</td>
</tr>
<tr>
<td>Decrement font size</td>
<td><div class = "icon icon-smaller"></div></td>
</tr>
<tr>
<td>Decrement font size</td>
<td><div class="icon icon-smaller"></div></td>
<td>Used to change the font size making it one point smaller each time the button is pressed.</td>
</tr>
</tr>
<tr>
<td>Change case</td>
<td><div class = "icon icon-change_case"></div></td>
<td><div class="icon icon-change_case"></div></td>
<td>Used to change the font case. <em>Sentence case.</em> - the case matches that of a common sentence. <em>lowercase</em> - all letters are small. <em>UPPERCASE</em> - all letters are capital. <em>Capitalize Each Word</em> - each word starts with a capital letter. <em>tOGGLE cASE</em> - reverse the case of the selected text or the word where the mouse cursor is positioned.</td>
</tr>
<tr>
<td>Highlight color</td>
<td><div class = "icon icon-highlightcolor"></div></td>
<td>Used to mark separate sentences, phrases, words, or even characters by adding a color band that imitates the highlighter pen effect throughout the text. You can select the required part of the text and click the downward arrow next to the icon to select a color in the palette (this color set does not depend on the selected <b>Color scheme</b> and includes 16 colors) - the color will be applied to the selected text. Alternatively, you can first choose a highlight color and then start selecting the text with the mouse - the mouse pointer will look like this <div class = "icon icon-highlight_color_mouse_pointer"></div> and you'll be able to highlight several different parts of your text sequentially. To stop highlighting, just click the icon once again. To delete the highlight color, choose the <b>No Fill</b> option. The <b>Highlight color</b> is different from the <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)"><b>Background color</b></a> <div class = "icon icon-backgroundcolor"></div> as the latter is applied to the whole paragraph and completely fills all the paragraph space from the left page margin to the right page margin.</td>
<td><div class="icon icon-highlightcolor"></div></td>
<td>Used to mark separate sentences, phrases, words, or even characters by adding a color band that imitates the highlighter pen effect throughout the text. You can select the required part of the text and click the downward arrow next to the icon to select a color in the palette (this color set does not depend on the selected <b>Color scheme</b> and includes 16 colors) - the color will be applied to the selected text. Alternatively, you can first choose a highlight color and then start selecting the text with the mouse - the mouse pointer will look like this <div class="icon icon-highlight_color_mouse_pointer"></div> and you'll be able to highlight several different parts of your text sequentially. To stop highlighting, just click the icon once again. To delete the highlight color, choose the <b>No Fill</b> option. The <b>Highlight color</b> is different from the <a href="../UsageInstructions/BackgroundColor.htm" onclick="onhyperlinkclick(this)"><b>Background color</b></a> <div class="icon icon-backgroundcolor"></div> as the latter is applied to the whole paragraph and completely fills all the paragraph space from the left page margin to the right page margin.</td>
</tr>
<tr>
<td>Font color</td>
<td><div class = "icon icon-fontcolor"></div></td>
<td><div class="icon icon-fontcolor"></div></td>
<td>Used to change the color of the letters/characters in the text. By default, the automatic font color is set in a new blank document. It is displayed as a black font on the white background. If you change the background color to black, the font color will automatically change to white to keep the text clearly visible. To choose a different color, click the downward arrow next to the icon and select a color from the available palettes (the colors in the <b>Theme Colors</b> palette depend on the selected <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color scheme</a>). After you change the default font color, you can use the <b>Automatic</b> option in the color palettes window to quickly restore the automatic color for the selected text passage.</td>
</tr>
<tr>
<td id="colorscheme">Color Scheme</td>
<td><div class="icon icon-changecolorscheme"></div></td>
<td>This button is located on the <b>Layout</b> tab. Used to change the default color palette for document elements (font, background, chats and chart elements) selecting from the available options: <b>New Office</b>, <b>Office</b>, <b>Grayscale</b>, <b>Apex</b>, <b>Aspect</b>, <b>Civic</b>, <b>Concourse</b>, <b>Equity</b>, <b>Flow</b>, <b>Foundry</b>, <b>Median</b>, <b>Metro</b>, <b>Module</b>, <b>Odulent</b>, <b>Oriel</b>, <b>Origin</b>, <b>Paper</b>, <b>Solstice</b>, <b>Technic</b>, <b>Trek</b>, <b>Urban</b>, or <b>Verve</b>.</td>
</tr>
</table>
<p class="note">To learn more about color palettes, please refer to <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">this page</a>.</p>
</div>

50
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm
View File

@ -99,13 +99,13 @@
<b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
<ul>
<li>
<b>Color Fill</b> - select this option to specify the solid color to fill the inner space of the selected autoshape.
<p><img alt="Color Fill" src="../images/fill_color.png" /></p>
<p id="color">Click the colored box below and select the necessary color from the available <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color sets</a> or specify any color you like:</p>
<b>Color fill</b> - select this option to specify the solid color to fill the inner space of the selected autoshape.
<p><img alt="Color fill" src="../images/fill_color.png" /></p>
<p id="color">Click the colored box below and select the necessary color from the available <a href="../UsageInstructions/ChangeColorScheme.htm" onclick="onhyperlinkclick(this)">color sets</a> or specify any color you like.</p>
</li>
<li>
<b>Gradient Fill</b> - use this option to fill the shape with two or more fading colors. Customize your gradient fill with no constraints. Click the <b>Shape settings</b> <div class="icon icon-shape_settings_icon"></div> icon to open the <b>Fill</b> menu on the right sidebar:
<p><img alt="Gradient Fill" src="../images/fill_gradient.png" /></p>
<b>Gradient fill</b> - use this option to fill the shape with two or more fading colors. Customize your gradient fill with no constraints. Click the <b>Shape settings</b> <div class="icon icon-shape_settings_icon"></div> icon to open the <b>Fill</b> menu on the right sidebar:
<p><img alt="Gradient fill" src="../images/fill_gradient.png" /></p>
<p>Available menu options:</p>
<ul>
<li>
@ -116,9 +116,9 @@
</ul>
</li>
<li>
<b>Gradient Point</b> is a specific point for transition from one color to another.
<b>Gradient points</b> are specific points for transition from one color to another.
<ul>
<li>Use the <div class="icon icon-addgradientpoint"></div> <b>Add Gradient Point</b> button or slider bar to add a gradient point. You can add up to 10 gradient points. Each next gradient point added will in no way affect the current gradient fill appearance. Use the <div class="icon icon-removegradientpoint"></div> <b>Remove Gradient Point</b> button to delete a certain gradient point.</li>
<li>Use the <div class="icon icon-addgradientpoint"></div> <b>Add gradient point</b> button or slider bar to add a gradient point. You can add up to 10 gradient points. Each next gradient point added will in no way affect the current gradient fill appearance. Use the <div class="icon icon-removegradientpoint"></div> <b>Remove gradient point</b> button to delete a certain gradient point.</li>
<li>Use the slider bar to change the location of the gradient point or specify <b>Position</b> in percentage for precise location.</li>
<li>To apply a color to a gradient point, click a point on the slider bar, and then click <b>Color</b> to choose the color you want.</li>
</ul>
@ -126,12 +126,12 @@
</ul>
</li>
<li>
<b>Picture or Texture</b> - select this option to use an image or a predefined texture as the shape background.
<p><img alt="Picture or Texture Fill" src="../images/fill_picture.png" /></p>
<b>Picture or texture</b> - select this option to use an image or a predefined texture as the shape background.
<p><img alt="Picture or texture Fill" src="../images/fill_picture.png" /></p>
<ul>
<li>If you wish to use an image as a background for the shape, you can add an image <b>From File</b> by selecting it on your computer hard disc drive, <b>From URL</b> by inserting the appropriate URL address into the opened window, or <b>From Storage</b> by selecting the required image stored on your portal.</li>
<li>If you wish to use an image as a background for the shape, open the <b>Select picture</b> dropdown menu; here, you can add an image <b>From file</b> by selecting it on your computer hard disk drive, <b>From URL</b> by inserting the appropriate URL address into the opened window, or <b>From storage</b> by selecting the required image stored on your portal.</li>
<li>
If you wish to use a texture as a background for the shape, open the <b>From Texture</b> menu and select the necessary texture preset.
If you wish to use a texture as a background for the shape, open 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>
@ -146,14 +146,14 @@
</li>
<li>
<b>Pattern</b> - select this option to fill the shape with a two-colored design composed of regularly repeated elements.
<p><img alt="Pattern Fill" src="../images/fill_pattern.png" /></p>
<p><img alt="Pattern fill" src="../images/fill_pattern.png" /></p>
<ul>
<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>
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
<li><b>No fill</b> - select this option if you don't want to use any fill.</li>
</ul>
</li>
</ul>
@ -186,7 +186,7 @@
<ol>
<li>
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
<p><img alt="Edit points" src="../images/editpoints_example.png" /></p>
</li>
<li>
As long as the anchor points are active, you can add and delete them.
@ -195,10 +195,26 @@
</li>
</ol>
</li>
<li><b>Change Shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
<li><b>Change shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
</ul>
</li>
<li><b>Show shadow</b> - check this option to display the shape with a shadow.</li>
<li>
<b>Shadow</b> - open this menu to choose one of the preset shadow styles used for the shape.
<ul>
<li><b>No Shadow</b> - uncheck this menu point to display a shadow, and vice versa.</li>
<li><b>Color</b> - choose one of the available colors either on the <b>Theme colors</b> or the <b>Standard colors</b> palette; use the <b>Eyedropper</b> tool to copy color from other objects in the document; or click the <b>More colors</b> menu item to create a custom color.</li>
<li>
<b>Adjust Shadow</b> - create a custom shadow using the following sliders:
<p><img class="floatleft" alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
<ul>
<li><b>Transparency</b> - adjust the transparency of the shadow.</li>
<li><b>Size</b> - adjust the size of the shadow.</li>
<li><b>Angle</b> - adjust the angle of the shadow relative to its object.</li>
<li><b>Distance</b> - adjust the distance of the shadow from its object.</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr />
<h3 id="autoshape_advanced">Adjust autoshape advanced settings</h3>
@ -210,7 +226,7 @@
<b>Width</b> - use one of these options to change the autoshape width.
<ul>
<li><b>Absolute</b> - specify an exact value measured in absolute units i.e. <b>Centimeters</b>/<b>Points</b>/<b>Inches</b> (depending on the option specified on the <b>File</b> -> <b>Advanced Settings...</b> tab).</li>
<li><b>Relative</b> - specify a percentage <b>relative to</b> the <em>left margin</em> width, the <em>margin</em> (i.e. the distance between the left and right margins), the <em>page</em> width, or the <em>right margin</em> width.</li>
<li><b>Relative</b> - specify a percentage <b>relative to</b> the <em>left margin</em> width, the <em>margin</em> (i.e., the distance between the left and right margins), the <em>page</em> width, or the <em>right margin</em> width.</li>
</ul>
</li>
<li>

41
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/InsertPageNumbers.htm
View File

@ -25,7 +25,7 @@
<li>To add a page number to each page of your document, select the page number position on the page.</li>
<li>To insert a page number at the current cursor position, select the <b>To Current Position</b> option.
<p class="note">
<b>Note</b>: to insert a current page number at the current cursor position you can also use the <em>Ctrl+Shift+P</em> key combination.
<b>Note</b>: to insert a current page number at the current cursor position, you can also use the <em>Ctrl+Shift+P</em> key combination.
</p>
</li>
</ul>
@ -37,7 +37,7 @@
<li>click the <b>Header/Footer</b> <div class="icon icon-headerfooter"></div> icon on the top toolbar,</li>
<li>click the <b>Insert page number</b> option in the menu and choose the position of the page number.</li>
</ol>
<p>To insert the total number of pages in your document (e.g. if you want to create the <em>Page X of Y</em> entry):</p>
<p>To insert the total number of pages in your document (e.g., if you want to create the <em>Page X of Y</em> entry):</p>
<ol>
<li>put the cursor where you want to insert the total number of pages,</li>
<li>click the <b>Header/Footer</b> <div class = "icon icon-headerfooter"></div> icon on the top toolbar,</li>
@ -47,22 +47,27 @@
<p>To edit the page number settings,</p>
<ol>
<li>double-click the page number added,</li>
<li>change the current parameters on the right sidebar:
<p><img alt="Right Sidebar - Header and Footer Settings" src="../images/right_headerfooter.png" /></p>
<ul>
<li>Set the <b>Position</b> of page numbers on the page accordingly to the top and bottom of the page.</li>
<li>Check the <b>Different first page</b> box to apply a different page number to the very first page or in case you don't want to add any number to it at all. </li>
<li>Use the <b>Different odd and even pages</b> box to insert different page numbers for odd and even pages. </li>
<li>The <b>Link to Previous</b> option is available in case you've previously added <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">sections</a> into your document.
If not, it will be grayed out. Moreover, this option is also unavailable for the very first section (i.e. when a header or footer that belongs to the first section is selected).
By default, this box is checked, so that unified numbering is applied to all the sections. If you select a header or footer area, you will see that the area is marked with the <b>Same as Previous</b> label.
Uncheck the <b>Link to Previous</b> box to use different page numbering for each section of the document. The <b>Same as Previous</b> label will no longer be displayed.
<p><img alt="Same as previous label" src="../images/sameasprevious_label.png" /></p></li>
<li>The <b>Page Numbering</b> section allows adjusting page numbering options throughout different <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">sections</a> of the document.
The <b>Continue from previous section</b> option is selected by default and makes it possible to keep continuous page numbering after a section break.
If you want to start page numbering with a specific number in the current section of the document, select the <b>Start at</b> radio button and enter the required starting value in the field on the right.
</li>
</ul>
<li>
change the current parameters on the right sidebar:
<p><img alt="Right Sidebar - Header and Footer Settings" src="../images/right_headerfooter.png" /></p>
<ul>
<li>Set the <b>Position</b> of page numbers on the page accordingly to the top and bottom of the page.</li>
<li>Check the <b>Different first page</b> box to apply a different page number to the very first page or in case you don't want to add any number to it at all. </li>
<li>Use the <b>Different odd and even pages</b> box to insert different page numbers for odd and even pages. </li>
<li>
The <b>Link to Previous</b> option is available in case you've previously added <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">sections</a> into your document.
If not, it will be grayed out. Moreover, this option is also unavailable for the very first section (i.e. when a header or footer that belongs to the first section is selected).
By default, this box is checked, so that unified numbering is applied to all the sections. If you select a header or footer area, you will see that the area is marked with the <b>Same as Previous</b> label.
Uncheck the <b>Link to Previous</b> box to use different page numbering for each section of the document. The <b>Same as Previous</b> label will no longer be displayed.
<p><img alt="Same as previous label" src="../images/sameasprevious_label.png" /></p>
</li>
<li>
<p>The <b>Page Numbering</b> section allows adjusting page numbering options throughout different <a href="../UsageInstructions/SectionBreaks.htm" onclick="onhyperlinkclick(this)">sections</a> of the document.</p>
<p>The <b>Continue from previous section</b> option is selected by default and makes it possible to keep continuous page numbering after a section break.</p>
<p>If you want to start page numbering with a specific number in the current section of the document, select the <b>Start at</b> radio button and enter the required starting value in the field on the right.</p>
<p>Use the <b>Number format</b> dropdown menu to quickly change the format of the page numbers, e.g., <em>"I, II, III, IV..."</em></p>
</li>
</ul>
</li>
</ol>
<p>To return to the document editing, double-click within the working area.</p>

2
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/LineSpacing.htm
View File

@ -37,7 +37,7 @@
</ol>
<p>These parameters can also be found in the <b>Paragraph - Advanced Settings</b> window. To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Paragraph Advanced Settings</b> option from the menu or use the <b>Show advanced settings</b> option on the right sidebar. Then switch to the <b>Indents &amp; Spacing</b> tab and go to the <b>Spacing</b> section.</p>
<p><img alt="Paragraph Advanced Settings - Indents &amp; Spacing" src="../images/paradvsettings_indents.png" /></p>
<p>To quickly change the current paragraph line spacing, you can also use the <b>Paragraph line spacing</b> <span class = "icon icon-linespacing"></span> icon on the <b>Home</b> tab of the top toolbar selecting the required value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines.</p>
<p>To quickly change the current paragraph line spacing, you can also use the <b>Paragraph line spacing</b> <span class = "icon icon-linespacing"></span> icon on the <b>Home</b> tab of the top toolbar selecting the required value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines, as well as open the corresponding right panel by clicking the <b>Line spacing options</b> menu item, and choose whether you want to <b>Add</b> or <b>Remove space after paragraph</b>.</p>
</div>
</body>
</html>

2
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/UsageInstructions/UseMailMerge.htm
View File

@ -23,7 +23,7 @@
<li>A data source used for the mail merge must be an <b>.xlsx</b> spreadsheet stored on your portal. Open an existing spreadsheet or create a new one and make sure that it meets the following requirements.
<li>The spreadsheet should have a header row with the column titles, as values in the first cell of each column will designate merge fields (i.e. variables that you can insert into the text). Each column should contain a set of actual values for a variable. Each row in the spreadsheet should correspond to a separate record (i.e. a set of values that belongs to a certain recipient). During the merge process, a copy of the main document will be created for each record and each merge field inserted into the main text will be replaced with an actual value from the corresponding column. If you are goung to send results by email, the spreadsheet must also include a column with the recipients' email addresses.</li>
<li>
Open an existing text document or create a new one. It must contain the main text which will be the same for each version of the merged document. Click the <b>Mail Merge</b> <div class = "icon icon-mailmergeicon"></div> icon on the <b>Home</b> tab of the top toolbar and select the data source location: <b>From File</b>, <b>From URL</b> or <b>From Storage</b>.
Open an existing text document or create a new one. It must contain the main text which will be the same for each version of the merged document. Click the <b>Mail Merge</b> <div class = "icon icon-mailmergeicon"></div> icon on the <b>Collaboration</b> tab of the top toolbar and select the data source location: <b>From File</b>, <b>From URL</b> or <b>From Storage</b>.
<p><img alt="Mail Merge Options" src="../images/mailmerge_options.png" /></p>
</li>
<li>

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/images/drawio_diagram.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 103 KiB

After

Width:  |  Height:  |  Size: 92 KiB

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/images/interface/editorwindow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 94 KiB

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/images/interface/hometab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/images/interface/layouttab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/images/interface/leftpart.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 533 B

After

Width:  |  Height:  |  Size: 479 B

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/en/images/right_autoshape.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/images/icons.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 86 KiB

After

Width:  |  Height:  |  Size: 88 KiB

406
Web/OfficeWeb/apps/documenteditor/main/resources/help/images/sprite.css
View File

File diff suppressed because it is too large Load Diff

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/images/src/icons/editing_mode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 B

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/images/src/icons/mailmergeicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 194 B

After

Width:  |  Height:  |  Size: 651 B

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/images/src/icons/reviewing_mode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 290 B

BIN
Web/OfficeWeb/apps/documenteditor/main/resources/help/images/src/icons/viewing_mode.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 B

2
Web/OfficeWeb/apps/pdfeditor/main/resources/help/en/HelpfulHints/Navigation.htm
View File

@ -34,7 +34,6 @@
<li><b>Status Bar</b> – when this option is disabled, the bottommost bar where the <b>Zoom</b>, <b>Fit to page</b>, <b>Fit to width</b> buttons are situated will be hidden. To show the hidden <b>Status Bar</b>, enable this option.</li>
<li><b>Left Panel</b> - when disabled, hides the left panel where <b>Search</b>, <b>Comments</b>, etc. buttons are located. To show the left panel, check this box.</li>
</ul>
<!--<p>If you need to <b>rotate</b> the page, go to the <b>Home</b> tab and click the <b>Rotate</b> button to rotate the page 90 degrees clockwise.</p>-->
<p>
When the <b>Comments</b> <span class="onlineDocumentFeatures"> or <b>Chat</b></span> panel is opened, the width of the left sidebar 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 right to extend the width of the sidebar. To restore its original width, move the border to the left.
@ -69,6 +68,7 @@
<li>Drag the slider to set the thumbnail size.</li>
<li>The <b>Highlight visible part of page</b> is active by default to indicate the area that is currently on the screen. Click it to disable.</li>
</ul>
<p>Click a page with the right mouse button to access the following options: <em>Insert blank page</em>, <em>Rotate page right</em>, <em>Rotate page left</em>, <em>Delete page</em>.</p>
<p>To close the <b>Page Thumbnails panel</b>, click the <span class="icon icon-pagethumbnails"></span> <b>Page Thumbnails</b> icon on the left sidebar once again.</p>
<h4>Zoom</h4>
<p>The <b>Zoom</b> buttons are situated in the right lower corner and are used to zoom in and out of the current PDF.</p>

38
Web/OfficeWeb/apps/pdfeditor/main/resources/help/en/UsageInstructions/EditPDF.htm Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html>
<head>
<title>Editing PDF</title>
<meta charset="utf-8" />
<meta name="description" content="Learn how to edit PDFs using ONLYOFFICE PDF Editor" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Editing PDF</h1>
<p>You can edit previously uploaded PDFs or the ones created using ONLYOFFICE PDF Editor.</p>
<ol>
<li>Open a PDF file.</li>
<li>If the PDF file has been opened in a viewer or filling form mode, you can switch to editing by clicking the <b>Edit PDF</b> button on the top toolbar provided you have the corresponding rights.</li>
<li>Click the <b>Recognize Page</b> button on the <b>Home</b> tab to run an automated process of marking up text boxes, graphical objects, etc.</li>
<li>
Click the recognized area you need to edit. Currently, you can:
<ul>
<li>Edit the text as usual.</li>
<li><b>Home tab</b>: <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/FontTypeSizeColor.aspx">change font, its size, text color and highlight</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/DecorationStyles.aspx">text formatting</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/CreateLists.aspx">list settings</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Presentation-Editor/UsageInstructions/InsertText.aspx#formattext">text vertical and horizontal alignment</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/SetPageParameters.aspx#columns">columns</a>; insert <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertTextObjects.aspx">text boxes</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertImages.aspx">images</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertAutoshapes.aspx">autoshapes</a>, as well as <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/AlignArrangeObjects.aspx">arrange and align objects</a>.</li>
<li><b>Insert tab</b>: add PDF pages, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertTables.aspx">tables</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertTextObjects.aspx">text boxes</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertSmartArt.aspx">text art</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertImages.aspx">images</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertAutoshapes.aspx">autoshapes</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/AddHyperlinks.aspx">hyperlinks</a>, <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertEquation.aspx">equations</a>, and <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-Document-Editor/UsageInstructions/InsertSymbols.aspx">symbols</a>.</li>
<li><b>Comment tab</b>: <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/HelpfulHints/Commenting.aspx">add comments</a>, add comment text boxes, highlight and <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/UsageInstructions/DrawingOperations.aspx">draw</a>.</li>
<li><a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/ONLYOFFICE-PDF-Editor/HelpfulHints/Navigation.aspx"><b>View tab</b></a>: show headings, adjust zoom, fit to page or width, change interface theme, adjust viewing settings.</li>
<li><b>Plugins</b>: <a href="https://helpcenter.onlyoffice.com/ONLYOFFICE-Editors/Editors-User-Guides/AllEditors/Plugin-manager.aspx">manage</a> your plugins. To learn more about each plugins, please refer to the <a href="https://helpcenter.onlyoffice.com/userguides/docs-de.aspx"><em>Plugins</em></a> section of the <b>Document Editor</b>.</li>
</ul>
</li>
<li>To delete a selected recognized area, press <b>Delete</b> or <b>Backspace</b> on your keyboard.</li>
</ol>
</div>
</body>
</html>

2
Web/OfficeWeb/apps/pdfeditor/main/resources/help/en/UsageInstructions/FillingOutForm.htm
View File

@ -15,7 +15,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Filling out a form</h1>
<p>You can fill in the form fields in the PDF file and submit, print, or download the form after you have filled it out.</p>
<p>You can fill in the form fields in the PDF file and submit, print, or download the form after you have filled it out. If you have corresponding access rights, you can switch to editing by clicking the <b>Edit PDF</b> button on the top toolbar.</p>
<h2>How to fill in a form:</h2>
<ol>
<li>

2
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/HelpfulHints/Search.htm
View File

@ -26,7 +26,7 @@
<img alt="Find and Replace Window" src="../images/search_window.png" />
<ol>
<li>Type in your inquiry into the corresponding <b>Find</b> data entry field.</li>
<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons.</li>
<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently highlighted occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
<li>To navigate between the found occurrences, click one of the arrow buttons. The <div class="icon icon-searchdownbutton"></div> button shows the next occurrence while the <div class="icon icon-searchupbutton"></div> button shows the previous one.</li>
<li>
Specify search parameters by checking the necessary options below the entry fields:

3
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/HelpfulHints/UsingChat.htm
View File

@ -16,7 +16,8 @@
</div>
<h1>Communicating in real time</h1>
<p>The <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a> allows you to maintain constant team-wide approach to work flow: <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx" onclick="onhyperlinkclick(this)">share</a> files and folders, <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">collaborate</a> on presentations in real time, <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comment</a> certain parts of your presentations that require additional third-party input, save <a href="../HelpfulHints/VersionHistory.htm" onclick="onhyperlinkclick(this)">presentation versions</a> for future use.</p>
<p>In <b>Presentation Editor</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e. <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
<p>In <b>Presentation Editor</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e., <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
<p><img class="floatleft" alt="Chat window" src="../../../../../../common/main/resources/help/en/images/chat.png" /></p>
<p>To access the <b>Chat</b> tool and leave a message for other users,</p>
<ol>
<li>click the <div class="icon icon-chaticon"></div> icon at the left sidebar,</li>

2
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm
View File

@ -28,7 +28,7 @@
<ol>
<li>
The <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures">tabs for all opened presentations with their names</span> and menu tabs.
<p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
<p>On the left side of the <b>Editor header</b>, the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located. Click the dots icon to the right to customize which buttons shall be hidden if any.</p>
<p><span class="big big-leftpart"></span></p>
<p>On the right side of the <b>Editor header</b>, along with the user name the following icons are displayed:</p>
<ul>

11
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/AddingAnimations.htm
View File

@ -89,6 +89,17 @@
<p>You can set the final color for animation effects that change color.</p>
<p>Click the <b>Parameters</b> button at the top toolbar and select the necessary color on the <b>Theme colors</b> or <b>Standard colors</b> palette.</p>
<p><img alt="Colors" src="../images/animation_colors.png" /></p>
<h3 id="animationpane">Animation pane</h3>
<p><img alt="animation pane" src="../images/animation_pane.png" /></p>
<p>The <b>Animation pane</b> displays set animations and allows for easier animation management.</p>
<ol>
<li><b>Play All</b> - click this button to play all currently created animations.</li>
<li>Use the <div class="icon icon-searchupbutton"></div> and <div class="icon icon-searchdownbutton"></div> buttons to change the order of objects' animations on the slide.</li>
<li>To set the <b>Start</b> point, click an animation with the right mouse button or click the <b>More</b> button to the right of the animation.</li>
<li>The timeline of the slide is displayed below the animation pane.</li>
<li>To change the <b>duration</b> of an animation, click and drag its ending point on the pane to the desired time point.</li>
<li>To move an animation along the timeline, click right on its diagramm representation on the pane and drag it to the desired time point.</li>
</ol>
</div>
</body>
</html>

34
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm
View File

@ -64,12 +64,12 @@
<li><b>Rotate</b> is used to rotate the shape by 90 degrees clockwise or counterclockwise as well as to flip the shape horizontally or vertically.</li>
<li><b>Save as picture</b> is used to save the shape as a picture on your hard drive.</li>
<li>
<b>Edit Points</b> is used to customize or to change the curvature of your shape.
<b>Edit points</b> is used to customize or to change the curvature of your shape.
<ol>
<li>To activate a shape’s editable anchor points, right-click the shape and choose <b>Edit Points</b> from the menu or click the <b>Edit shape</b> > <b>Edit points</b> option on the right panel. The black squares that become active are the points where two lines meet, and the red line outlines the shape. Click and drag it to reposition the point, and to change the shape outline.</li>
<li>To activate a shape’s editable anchor points, right-click the shape and choose <b>Edit points</b> from the menu or click the <b>Edit shape</b> > <b>Edit points</b> option on the right panel. The black squares that become active are the points where two lines meet, and the red line outlines the shape. Click and drag it to reposition the point, and to change the shape outline.</li>
<li>
Once you click the anchor point, two blue lines with white squares at the ends will appear. These are Bezier handles that allow you to create a curve and to change a curve’s smoothness.
<p><img alt="Edit Points" src="../images/editpoints_example.png" /></p>
<p><img alt="Edit points" src="../images/editpoints_example.png" /></p>
</li>
<li>
As long as the anchor points are active, you can add and delete them.
@ -88,11 +88,11 @@
<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>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>
<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>
@ -131,10 +131,26 @@
</li>
</ol>
</li>
<li><b>Change Shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
<li><b>Change shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
</ul>
</li>
<li>
<b>Shadow</b> - open this menu to choose one of the preset shadow styles used for the shape.
<ul>
<li><b>No Shadow</b> - uncheck this menu point to display a shadow, and vice versa.</li>
<li><b>Color</b> - choose one of the available colors either on the <b>Theme colors</b> or the <b>Standard colors</b> palette; use the <b>Eyedropper</b> tool to copy color from other objects in the document; or click the <b>More colors</b> menu item to create a custom color.</li>
<li>
<b>Adjust Shadow</b> - create a custom shadow using the following sliders:
<p><img class="floatleft" alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
<ul>
<li><b>Transparency</b> - adjust the transparency of the shadow.</li>
<li><b>Size</b> - adjust the size of the shadow.</li>
<li><b>Angle</b> - adjust the angle of the shadow relative to its object.</li>
<li><b>Distance</b> - adjust the distance of the shadow from its object.</li>
</ul>
</li>
</ul>
</li>
<li><b>Show shadow</b> - check this option to display shape with shadow.</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 on the right sidebar. The shape properties window will be opened:</p>

263
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertText.htm
View File

@ -11,73 +11,76 @@
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Insert and format your text</h1>
<h2>Insert your text box into a presentation</h2>
<p>In the <a target="_blank" href="https://www.onlyoffice.com/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Presentation Editor</b></a>, you can add new text in three different ways:</p>
<ul>
<li>Add a text passage within the corresponding text placeholder 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 instead of the default text.</li>
<li>Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows you to enter some text within it) or a Text Art object (a text box with a predefined font style and color that allows you to apply some text effects). Depending on the necessary text object type, you can do the following:
<ul>
<li>
to add a text box, click the <div class = "icon icon-inserttexticon"></div> <b>Text Box</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, choose one of the following options: <b>Insert horizontal text box</b> or <b>Insert vertical text box</b>, 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">It's also possible to insert a text box by clicking the <span class="icon icon-insertautoshape"></span> <b>Shape</b> icon on the top toolbar and selecting the <span class="icon icon-text_autoshape"></span> shape from the <b>Basic Shapes</b> group.</p>
</li>
<li>to add a Text Art object, click the <div class = "icon icon-inserttextarticon"></div> <b>Text Art</b> icon on the <b>Insert</b> tab of the top toolbar, 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>
<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>You can save the text box as a picture on your hard drive using the <b>Save as picture</b> option in the right-click menu.</p>
<p>To delete the added text object, click on the text box border and press the <b>Delete</b> key. The text within the text box will also be deleted.</p>
<h2>Format a text box</h2>
<p>Select the text box by clicking on its border 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)">line</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> <div class = "icon icon-shape_settings_icon"></div> 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, rotate or flip it, 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, click the corresponding icon <div class = "icon icon-insert_columns"></div> on the text formatting toolbar and choose the preferable option, or 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>
<h2 id="formattext">Format the text within the text box</h2>
<p>Click the text within the text box 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 the whole text within the text box. Some font formatting options (font type, size, color, and decoration styles) can be applied to the previously selected part of the text separately.</p>
<p><b>Align your text within the text box</b></p>
<li>Add a text passage within the corresponding text placeholder 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 instead of the default text.</li>
<li>
Add a text passage anywhere on a slide. You can insert a text box (a rectangular frame that allows you to enter some text within it) or a Text Art object (a text box with a predefined font style and color that allows you to apply some text effects). Depending on the necessary text object type, you can do the following:
<ul>
<li>
to add a text box, click the <div class="icon icon-inserttexticon"></div> <b>Text Box</b> icon on the <b>Home</b> or <b>Insert</b> tab of the top toolbar, choose one of the following options: <b>Insert horizontal text box</b> or <b>Insert vertical text box</b>, 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">It's also possible to insert a text box by clicking the <span class="icon icon-insertautoshape"></span> <b>Shape</b> icon on the top toolbar and selecting the <span class="icon icon-text_autoshape"></span> shape from the <b>Basic Shapes</b> group.</p>
</li>
<li>to add a Text Art object, click the <div class="icon icon-inserttextarticon"></div> <b>Text Art</b> icon on the <b>Insert</b> tab of the top toolbar, 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>
<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>You can save the text box as a picture on your hard drive using the <b>Save as picture</b> option in the right-click menu.</p>
<p>To delete the added text object, click on the text box border and press the <b>Delete</b> key. The text within the text box will also be deleted.</p>
<h2>Format a text box</h2>
<p>Select the text box by clicking on its border 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)">line</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> <div class="icon icon-shape_settings_icon"></div> 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, rotate or flip it, 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, click the corresponding icon <div class="icon icon-insert_columns"></div> on the text formatting toolbar and choose the preferable option, or 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>
<h2 id="formattext">Format the text within the text box</h2>
<p>Click the text within the text box 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 the whole text within the text box. Some font formatting options (font type, size, color, and decoration styles) can be applied to the previously selected part 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 in 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> <div class = "icon icon-horizontalalign"></div>list on the <b>Home</b> tab of the top toolbar,</li>
<li>select the alignment type you would like to apply:
<li>drop-down the <b>Horizontal align</b> <div class="icon icon-horizontalalign"></div>list on the <b>Home</b> tab of the top toolbar,</li>
<li>
select the alignment type you would like to apply:
<ul>
<li>the <b>Align text left</b> option <div class = "icon icon-alignleft"></div> allows you to line up your text on the left side of the text box (the right side remains unaligned).</li>
<li>the <b>Align text center</b> option <div class = "icon icon-aligncenter"></div> allows you to line up your text in the center of the text box (the right and the left sides remain unaligned).</li>
<li>the <b>Align text right</b> option <div class = "icon icon-alignright"></div> allows you to line up your text on the right side of the text box (the left side remains unaligned).</li>
<li>the <b>Justify</b> option <div class = "icon icon-justify"></div> allows you to line up your text both on the left and on the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
<li>the <b>Align text left</b> option <div class="icon icon-alignleft"></div> allows you to line up your text on the left side of the text box (the right side remains unaligned).</li>
<li>the <b>Align text center</b> option <div class="icon icon-aligncenter"></div> allows you to line up your text in the center of the text box (the right and the left sides remain unaligned).</li>
<li>the <b>Align text right</b> option <div class="icon icon-alignright"></div> allows you to line up your text on the right side of the text box (the left side remains unaligned).</li>
<li>the <b>Justify</b> option <div class="icon icon-justify"></div> allows you to line up your text both on the left and on the right sides of the text box (additional spacing is added where necessary to keep the alignment).</li>
</ul>
</li>
</ol>
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
<p>The text is aligned vertically in three ways: top, middle, or bottom. To do that:</p>
<ol>
<li>place the cursor in 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> <div class = "icon icon-verticalalign"></div>list on the <b>Home</b> tab of the top toolbar,</li>
<li>select the alignment type you would like to apply:
<li>drop-down the <b>Vertical align</b> <div class="icon icon-verticalalign"></div>list on the <b>Home</b> tab of 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 <div class = "icon icon-aligntop"></div> allows you to line up your text to the top of the text box.</li>
<li>the <b>Align text to the middle</b> option <div class = "icon icon-alignmiddle"></div> allows you to line up your text in the center of the text box.</li>
<li>the <b>Align text to the bottom</b> option <div class = "icon icon-alignbottom"></div> allows you to line up your text to the bottom of the text box.</li>
<li>the <b>Align text to the top</b> option <div class="icon icon-aligntop"></div> allows you to line up your text to the top of the text box.</li>
<li>the <b>Align text to the middle</b> option <div class="icon icon-alignmiddle"></div> allows you to line up your text in the center of the text box.</li>
<li>the <b>Align text to the bottom</b> option <div class="icon icon-alignbottom"></div> allows you to line up your text to 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> (selected by default), <b>Rotate Text Down</b> (used to set a vertical direction, from top to bottom) or <b>Rotate Text Up</b> (used to set a vertical direction, from bottom to top).</p>
<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> (selected by default), <b>Rotate Text Down</b> (used to set a vertical direction, from top to bottom) or <b>Rotate Text Up</b> (used to set 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, size, and color as well as apply various font decoration styles using the corresponding icons situated on the <b>Home</b> tab of the top toolbar.</p>
@ -85,67 +88,67 @@
<table>
<tr>
<td width="10%">Font</td>
<td width="15%"><div class = "big big-fontfamily"></div></td>
<td width="15%"><div class="big big-fontfamily"></div></td>
<td>Used to select one of the fonts from the list of available ones. <span class="desktopDocumentFeatures">If the required font is not available in the list, you can download and install it on your operating system, and the font will be available for use in the <em>desktop version</em>.</span></td>
</tr>
<tr>
<td>Font size</td>
<td><div class = "icon icon-fontsize"></div></td>
<td><div class="icon icon-fontsize"></div></td>
<td>Used to choose from the preset font size values in the dropdown list (the default values are: 8, 9, 10, 11, 12, 14, 16, 18, 20, 22, 24, 26, 28, 36, 48, 72 and 96). It's also possible to manually enter a custom value up to 300 pt in the font size field. Press <em>Enter</em> to confirm.</td>
</tr>
<tr>
<td>Increment font size</td>
<td><div class = "icon icon-larger"></div></td>
<td><div class="icon icon-larger"></div></td>
<td>Used to change the font size making it one point bigger each time the button is pressed.</td>
</tr>
<tr>
<td>Decrement font size</td>
<td><div class = "icon icon-smaller"></div></td>
<td><div class="icon icon-smaller"></div></td>
<td>Used to change the font size making it one point smaller each time the button is pressed.</td>
</tr>
<tr>
<td>Change case</td>
<td><div class = "icon icon-change_case"></div></td>
<td><div class="icon icon-change_case"></div></td>
<td>Used to change the font case. <em>Sentence case.</em> - the case matches that of a common sentence. <em>lowercase</em> - all letters are small. <em>UPPERCASE</em> - all letters are capitalized. <em>Capitalize Each Word</em> - each word starts with a capital letter. <em>tOGGLE cASE</em> - reverse the case of the selected text or the word where the mouse cursor is positioned.</td>
</tr>
<tr>
<td>Highlight color</td>
<td><div class = "icon icon-highlightcolor"></div></td>
<td>Used to mark separate sentences, phrases, words, or even characters by adding a color band that imitates the highlighter pen effect throughout the text. You can select the required part of the text and click the downward arrow next to the icon to select a color in the palette (this color set does not depend on the selected <b>Color scheme</b> and includes 16 colors) - the color will be applied to the selected text. Alternatively, you can first choose a highlight color and then start selecting the text with the mouse - the mouse pointer will look like this <div class = "icon icon-highlight_color_mouse_pointer"></div> and you'll be able to highlight several different parts of your text sequentially. To stop highlighting, just click the icon once again. To delete the highlight color, choose the <b>No Fill</b> option.</td>
<td><div class="icon icon-highlightcolor"></div></td>
<td>Used to mark separate sentences, phrases, words, or even characters by adding a color band that imitates the highlighter pen effect throughout the text. You can select the required part of the text and click the downward arrow next to the icon to select a color in the palette (this color set does not depend on the selected <b>Color scheme</b> and includes 16 colors) - the color will be applied to the selected text. Alternatively, you can first choose a highlight color and then start selecting the text with the mouse - the mouse pointer will look like this <div class="icon icon-highlight_color_mouse_pointer"></div> and you'll be able to highlight several different parts of your text sequentially. To stop highlighting, just click the icon once again. To delete the highlight color, choose the <b>No Fill</b> option.</td>
</tr>
<tr>
<td>Font color</td>
<td><div class = "icon icon-fontcolor"></div></td>
<td><div class="icon icon-fontcolor"></div></td>
<td>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><div class = "icon icon-bold"></div></td>
<td><div class="icon icon-bold"></div></td>
<td>Used to make the font bold giving it a heavier appearance.</td>
</tr>
<tr>
<td>Italic</td>
<td><div class = "icon icon-italic"></div></td>
<td><div class="icon icon-italic"></div></td>
<td>Used to make the font slightly slanted to the right.</td>
</tr>
<tr>
<td>Underline</td>
<td><div class = "icon icon-underline"></div></td>
<td><div class="icon icon-underline"></div></td>
<td>Used to make the text underlined with a line going under the letters.</td>
</tr>
<tr>
<td>Strikeout</td>
<td><div class = "icon icon-strike"></div></td>
<td><div class="icon icon-strike"></div></td>
<td>Used to make the text struck out with a line going through the letters.</td>
</tr>
<tr>
<td>Superscript</td>
<td><div class = "icon icon-sup"></div></td>
<td><div class="icon icon-sup"></div></td>
<td>Used to make the text smaller placing it in the upper part of the text line, e.g. as in fractions.</td>
</tr>
<tr>
<td>Subscript</td>
<td><div class = "icon icon-sub"></div></td>
<td><div class="icon icon-sub"></div></td>
<td>Used to make the text smaller placing it in the lower part of the text line, e.g. as in chemical formulas.</td>
</tr>
</table>
@ -155,47 +158,50 @@
<p>To do that,</p>
<ol style="margin-left: 280px;">
<li>put the cursor within the required paragraph or select several paragraphs with the mouse,</li>
<li>use the corresponding fields of the <div class = "icon icon-text_settings_icon"></div> <b>Paragraph settings</b> tab on the right sidebar to achieve the desired results:
<li>
use the corresponding fields of the <div class="icon icon-text_settings_icon"></div> <b>Paragraph settings</b> tab on 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 two options: <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>
<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 class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
<p>To quickly change the current paragraph line spacing, you can also use the <b>Line spacing</b> <span class="icon icon-linespacing"></span> icon on the <b>Home</b> tab of the top toolbar selecting the required 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 required paragraph, or select several paragraphs with the mouse and use the respective icons on the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <span class="icon icon-decreaseindent"></span> and <b>Increase indent</b> <span class="icon icon-increaseindent"></span>.</p>
<h2 id="textadvancedsettings">Adjust paragraph advanced settings</h2>
<p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Paragraph Advanced Settings</b> option from the menu. It's also possible to put the cursor within the required paragraph - the <span class="icon icon-text_settings_icon"></span> <b>Paragraph settings</b> tab will be activated on the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
<p class="note"><b>Note</b>: these parameters can also be found in the <a href="../UsageInstructions/InsertText.htm#textadvancedsettings" onclick="onhyperlinkclick(this)"><b>Paragraph - Advanced Settings</b></a> window.</p>
<p>To quickly change the current paragraph line spacing, you can also use the <b>Paragraph line spacing</b> <span class="icon icon-linespacing"></span> icon on the <b>Home</b> tab of the top toolbar selecting the required value from the list: 1.0, 1.15, 1.5, 2.0, 2.5, or 3.0 lines, as well as open the corresponding right panel by clicking the <b>Line spacing options</b> menu item.</p>
<p>To change the paragraph offset from the left side of the text box, put the cursor within the required paragraph, or select several paragraphs with the mouse and use the respective icons on the <b>Home</b> tab of the top toolbar: <b>Decrease indent</b> <span class="icon icon-decreaseindent"></span> and <b>Increase indent</b> <span class="icon icon-increaseindent"></span>.</p>
<h2 id="textadvancedsettings">Adjust paragraph advanced settings</h2>
<p>To open the <b>Paragraph - Advanced Settings</b> window, right-click the text and choose the <b>Paragraph Advanced Settings</b> option from the menu. It's also possible to put the cursor within the required paragraph - the <span class="icon icon-text_settings_icon"></span> <b>Paragraph settings</b> tab will be activated on the right sidebar. Press the <b>Show advanced settings</b> link. The paragraph properties window will be opened:</p>
<img alt="Paragraph Properties - Indents & Spacing tab" src="../images/textadvancedsettings1.png" />
<p>The <b>Indents & Spacing</b> tab allows you to:</p>
<ul>
<li>change the <b>alignment</b> type for the paragraph text,</li>
<li>change the paragraph <b>indents</b> as related to the <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">internal margins</a> of the text box,
<ul>
<li><b>Left</b> - set the paragraph offset from the <b>left</b> internal margin of the text box specifying the necessary numeric value,</li>
<li><b>Right</b> - set the paragraph offset from the <b>right</b> internal margin of the text box specifying the necessary numeric value,</li>
<li><b>Special</b> - set an indent for the <b>first line</b> of the paragraph: select the corresponding menu item (<b>(none)</b>, <b>First line</b>, <b>Hanging</b>) and change the default numeric value specified for <b>First Line</b> or <b>Hanging</b>,</li>
</ul>
</li>
<li>change the paragraph <b>line spacing</b>.</li>
</ul>
<p>You can also use the horizontal <b>ruler</b> to set indents.</p>
<div class = "big big-indents_ruler"></div>
<p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
<ul>
<li><b>First Line Indent</b> marker <div class = "icon icon-firstline_indent"></div> 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 <div class = "icon icon-hanging"></div> 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 <div class = "icon icon-leftindent"></div> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
<li><b>Right Indent</b> marker <div class = "icon icon-right_indent"></div> 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, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <span class="icon icon-viewsettingsicon"></span> icon at the upper right corner, and uncheck the <b>Hide Rulers</b> option to display them.</p>
<img alt="Paragraph Properties - Font tab" src="../images/textadvancedsettings2.png" />
<ul>
<li>change the <b>alignment</b> type for the paragraph text,</li>
<li>
change the paragraph <b>indents</b> as related to the <a href="../UsageInstructions/InsertAutoshapes.htm#internalmargins" onclick="onhyperlinkclick(this)">internal margins</a> of the text box,
<ul>
<li><b>Left</b> - set the paragraph offset from the <b>left</b> internal margin of the text box specifying the necessary numeric value,</li>
<li><b>Right</b> - set the paragraph offset from the <b>right</b> internal margin of the text box specifying the necessary numeric value,</li>
<li><b>Special</b> - set an indent for the <b>first line</b> of the paragraph: select the corresponding menu item (<b>(none)</b>, <b>First line</b>, <b>Hanging</b>) and change the default numeric value specified for <b>First Line</b> or <b>Hanging</b>,</li>
</ul>
</li>
<li>change the paragraph <b>line spacing</b>.</li>
</ul>
<p>You can also use the horizontal <b>ruler</b> to set indents.</p>
<div class="big big-indents_ruler"></div>
<p>Select the necessary paragraph(s) and drag the indent markers along the ruler.</p>
<ul>
<li><b>First Line Indent</b> marker <div class="icon icon-firstline_indent"></div> 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 <div class="icon icon-hanging"></div> 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 <div class="icon icon-leftindent"></div> is used to set the entire paragraph offset from the left internal margin of the text box.</li>
<li><b>Right Indent</b> marker <div class="icon icon-right_indent"></div> 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, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <span class="icon icon-viewsettingsicon"></span> icon at the upper right corner, 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 a line going through the letters.</li>
@ -204,41 +210,44 @@
<li><b>Subscript</b> is used to make the text smaller placing it in 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 lowercase.</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. Increase the default value to apply the <b>Expanded</b> spacing, or decrease the default value to apply the <b>Condensed</b> spacing. Use the arrow buttons or enter the necessary value in the box.
<p>All the changes will be displayed in the preview field below.</p>
</li>
<li>
<b>Character Spacing</b> is used to set the space between the characters. Increase the default value to apply the <b>Expanded</b> spacing, or decrease the default value to apply the <b>Condensed</b> spacing. Use the arrow buttons or enter the necessary value in the box.
<p>All the changes will be displayed in the preview field below.</p>
</li>
</ul>
<img alt="Paragraph Properties - Tab tab" src="../images/textadvancedsettings3.png" />
<p>The <b>Tab</b> tab allows you to change tab stops i.e. the position the cursor advances to when you press the <b>Tab</b> key.</p>
<ul>
<li><b>Default Tab</b> is set at 2.54 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</li>
<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>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> option from the <b>Alignment</b> drop-down list, and press the <b>Specify</b> button.
<ul>
<li><b>Left</b> - lines up your text on 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 <div class = "icon icon-tabstopleft_marker"></div> marker.</li>
<li><b>Center</b> - centers the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <div class = "icon icon-tabstopcenter_marker"></div> marker.</li>
<li><b>Right</b> - lines up your text on 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 <div class = "icon icon-tabstopright_marker"></div> 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>
<li><b>Default Tab</b> is set at 2.54 cm. You can decrease or increase this value using the arrow buttons or enter the necessary one in the box.</li>
<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>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> option from the <b>Alignment</b> drop-down list, and press the <b>Specify</b> button.
<ul>
<li><b>Left</b> - lines up your text on 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 <div class="icon icon-tabstopleft_marker"></div> marker.</li>
<li><b>Center</b> - centers the text at the tab stop position. Such a tab stop will be indicated on the horizontal ruler by the <div class="icon icon-tabstopcenter_marker"></div> marker.</li>
<li><b>Right</b> - lines up your text on 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 <div class="icon icon-tabstopright_marker"></div> 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 <div class = "icon icon-tabstopleft"></div> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <div class = "icon icon-tabstopleft"></div>, <b>Center</b> <div class = "icon icon-tabstopcenter"></div>, <b>Right</b> <div class = "icon icon-tabstopright"></div>.</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><div class = "big big-tabstops_ruler"></div></p>
<p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <span class="icon icon-viewsettingsicon"></span> icon at the upper right corner, and uncheck the <b>Hide Rulers</b> option to display them.</p>
</li>
</ol>
<h2>Edit a Text Art style</h2>
<p>Select a text object and click the <b>Text Art settings</b> <span class="icon icon-textart_settings_icon"></span> 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 by 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)">line</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 text distortion by dragging the pink diamond-shaped handle.</li>
</ul>
<p><img alt="Text Art Transformation" src="../images/textart_transformation.png" /></p>
<p>To set tab stops, you can also use the horizontal ruler:</p>
<ol>
<li>Click the tab selector button <div class="icon icon-tabstopleft"></div> in the upper left corner of the working area to choose the necessary tab stop type: <b>Left</b> <div class="icon icon-tabstopleft"></div>, <b>Center</b> <div class="icon icon-tabstopcenter"></div>, <b>Right</b> <div class="icon icon-tabstopright"></div>.</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><div class="big big-tabstops_ruler"></div></p>
<p class="note"><b>Note</b>: if you don't see the rulers, switch to the <b>Home</b> tab of the top toolbar, click the <b>View settings</b> <span class="icon icon-viewsettingsicon"></span> icon at the upper right corner, and uncheck the <b>Hide Rulers</b> option to display them.</p>
</li>
</ol>
<h2>Edit a Text Art style</h2>
<p>Select a text object and click the <b>Text Art settings</b> <span class="icon icon-textart_settings_icon"></span> 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 by 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)">line</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 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>

24
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/UsageInstructions/SetSlideParameters.htm
View File

@ -24,7 +24,7 @@
<p>To change the selected theme for one or more slides, you can right-click the selected slides in the list on the left (or right-click a slide in the editing area), select the <b>Change Theme</b> option from the contextual menu and choose the necessary theme.</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>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 <div class = "icon icon-changecolorscheme"></div> <b>Change color scheme</b> icon on the <b>Home</b> tab of the top toolbar and select the necessary scheme from the drop-down list. The selected color scheme will be highlighted in the list and applied to all the slides.
<p><img alt="Color Schemes" src="../images/colorscheme.png" /></p>
</li>
@ -42,19 +42,23 @@
</ul>
</li>
<li>
<b>To change a background fill:</b>
<b>To change background fill:</b>
<p><img class="floatleft" alt="Slide background settings" src="../images/slidebackground.png" /></p>
<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>
on 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>
<li><b>Opacity</b> - drag the slider or enter the percent value manually. The default value is 100%. It corresponds to the full opacity. The 0% value corresponds to the full transparency.</li>
</ul>
<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>
<li><b>Opacity</b> - drag the slider or enter the percent value manually. The default value is 100%. It corresponds to the full opacity. The 0% value corresponds to the full transparency.</li>
<li><b>Show Background graphics</b> - uncheck this menu item to simplify background and improve presentation loading time due to lower graphics settings.</li>
<li><b>Reset Background</b> - reset background to default.</li>
<li><b>Apply to All Slides</b> - apply current background to all slides in the presentation.</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>

BIN
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/images/animation_pane.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/images/interface/hometab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/images/shapesettingstab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
Web/OfficeWeb/apps/presentationeditor/main/resources/help/en/images/slidebackground.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
Web/OfficeWeb/apps/presentationeditor/main/resources/help/images/src/big/leftpart.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 489 B

After

Width:  |  Height:  |  Size: 481 B

46
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/Functions/getpivotdata.htm Normal file
View File

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<title>GETPIVOTDATA Function</title>
<meta charset="utf-8" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>GETPIVOTDATA Function</h1>
<p>The <b>GETPIVOTDATA</b> function is one of the <a href="../UsageInstructions/InsertFunction.htm#lookupreference" onclick="onhyperlinkclick(this)">lookup and reference functions</a>. It is used extract data stored in a PivotTable.</p>
<h3>Syntax</h3>
<p><b><em>GETPIVOTDATA(data_field, pivot_table, [field], [item], …)</em></b></p>
<p>The <b>GETPIVOTDATA</b> function has the following arguments:</p>
<table style="width: 40%">
<tr>
<th style="background-color: #f4f4f4" width="150ch"><b>Argument</b></th>
<th style="background-color: #f4f4f4"><b>Description</b></th>
</tr>
<tr>
<td><b><em>data_field</em></b></td>
<td>Is used to set the name of the PivotTable field that contains the required data. The argument needs to be in quotes.</td>
</tr>
<tr>
<td><b><em>pivot_table</em></b></td>
<td>Is used to refer to any cell, range of cells, or named range of cells in a PivotTable. The argument is used to determine which PivotTable contains the required data.</td>
</tr>
<tr>
<td><b><em>field</em>, <em>item</em></b></td>
<td>A field/item pair. There are up to 126 pairs of field names and item names that may be used to describe the required data. The pairs can be in any order.</td>
</tr>
</table>
<h3>Examples</h3>
<p>The figure below displays the result returned by the <b>GETPIVOTDATA</b> function.</p>
<p><img alt="GETPIVOTDATA Function" src="../images/GETPIVOTDATA.png" /></p>
</div>
</body>
</html>

42
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/Functions/importrange.htm Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>IMPORTRANGE Function</title>
<meta charset="utf-8" />
<meta name="description" content="" />
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
<script type="text/javascript" src="../callback.js"></script>
<script type="text/javascript" src="../search/js/page-search.js"></script>
</head>
<body>
<div class="mainpart">
<div class="search-field">
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>IMPORTRANGE Function</h1>
<p>The <b>IMPORTRANGE</b> function is one of the <a href="../UsageInstructions/InsertFunction.htm#textdata" onclick="onhyperlinkclick(this)">text and data functions</a>. It is used to import a range of cells from a specified spreadsheet.</p>
<h3>Syntax</h3>
<p><b><em>IMPORTRANGE(spreadsheet_url, range_string)</em></b></p>
<p>The <b>IMPORTRANGE</b> function has the following arguments:</p>
<table style="width: 40%">
<tr>
<th style="background-color: #f4f4f4" width="150ch"><b>Argument</b></th>
<th style="background-color: #f4f4f4"><b>Description</b></th>
</tr>
<tr>
<td><b><em>spreadsheet_url</em></b></td>
<td>Is used to specify the URL of the spreadsheet the data is imported from.</td>
</tr>
<tr>
<td><b><em>range_string</em></b></td>
<td>A string specifying the range to import.</td>
</tr>
</table>
<!--<h3>Examples</h3>
<p>The figure below displays the result returned by the <b>IMPORTRANGE</b> function.</p>
<p><img alt="IMPORTRANGE Function" src="../images/IMPORTRANGE.png" /></p>-->
</div>
</body>
</html>

5
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/HelpfulHints/Communicating.htm
View File

@ -16,10 +16,11 @@
</div>
<h1>Communicating in real time</h1>
<p>The <a target="_blank" href="https://www.onlyoffice.com/spreadsheet-editor.aspx" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a> allows you to maintain constant team-wide approach to work flow: <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx" onclick="onhyperlinkclick(this)">share</a> files and folders, <a href="../HelpfulHints/CollaborativeEditing.htm" onclick="onhyperlinkclick(this)">collaborate</a> on spreadsheets in real time, <a href="../HelpfulHints/Commenting.htm" onclick="onhyperlinkclick(this)">comment</a> certain parts of your spreadsheets that require additional third-party input, save <a href="../HelpfulHints/VersionHistory.htm" onclick="onhyperlinkclick(this)">spreadsheet versions</a> for future use.</p>
<p>In <b>Spreadsheet Editor</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e. <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
<p>In <b>Spreadsheet Editor</b> you can communicate with your co-editors in real time using the built-in <b>Chat</b> tool as well as a number of useful plugins, i.e., <a href="../UsageInstructions/CommunicationPlugins.htm" onclick="onhyperlinkclick(this)">Telegram or Rainbow</a>.</p>
<p><img class="floatleft" alt="Chat window" src="../../../../../../common/main/resources/help/en/images/chat.png" /></p>
<p>To access the <b>Chat</b> tool and leave a message for other users,</p>
<ol>
<li>click the <div class = "icon icon-chaticon"></div> icon at the left sidebar,</li>
<li>click the <div class="icon icon-chaticon"></div> 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>

4
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/HelpfulHints/Search.htm
View File

@ -15,7 +15,7 @@
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
</div>
<h1>Search and Replace Functions</h1>
<p>To search for the required characters, words or phrases in the <a href="https://www.onlyoffice.com/en/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a>, click the Search <span class="icon icon-searchicon"></span> icon situated on the left sidebar, the <span class="icon icon-search_icon_header"></span> icon situated in the upper right corner, or use the <em>Ctrl+F</em> (<em>Command+F</em> for MacOS) key combination to open the small Find panel or the <em>Ctrl+H</em> key combination to open the full Find panel.</p>
<p>To search for the required characters, words or phrases in the <a href="https://www.onlyoffice.com/en/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a>, click the Search <span class="icon icon-searchicon"></span> icon situated on the left sidebar, the <span class="icon icon-search_icon_header"></span> icon situated in the upper right corner, or use the <em>Ctrl+F</em> (<em>Command+F</em> for MacOS) key combination to open the small Find panel or the <em>Ctrl+H</em> key combination to open the full Find panel.</p>
<p>A small <b>Find</b> panel will open in the upper right corner of the working area.The panel includes the text field for typing in a search query, the number of search results, and controls for moving to the previous or the next result, and closing the bar.</p>
<p><img alt="Find small panel" src="../../../../../../common/main/resources/help/en/images/find_small.png" /></p>
<p>To access the advanced settings, click the <span class="icon icon-search_advanced"></span> icon.</p>
@ -24,7 +24,7 @@
<ol>
<li>Type in your inquiry into the corresponding <b>Find</b> data entry field.</li>
<li>To navigate between the found occurrences, click one of the arrow buttons. The <div class="icon icon-searchdownbutton"></div> button shows the next occurrence while the <div class="icon icon-searchupbutton"></div> button shows the previous one.</li>
<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently selected occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons.</li>
<li>If you need to replace one or more occurrences of the found characters, type in the replacement text into the corresponding <b>Replace with</b> data entry field. You can choose to replace a single currently selected occurrence or replace all occurrences by clicking the corresponding <b>Replace</b> and <b>Replace All</b> buttons. The <b>Replace</b> button can also be found on the <b>Home</b> tab.</li>
<li>
Specify search options by checking the necessary options:
<ul>

4
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/HelpfulHints/VersionHistory.htm
View File

@ -28,9 +28,9 @@
<li>go to the <b>Collaboration</b> tab,</li>
<li>open the history of versions using the <div class = "icon icon-versionhistoryicon"></div> <b>Version History</b> icon at the top toolbar.</li>
</ul>
<p>You'll see the list of the spreadsheet versions and revisions with the indication of each version/revision author and creation date and time. For spreadsheet versions, the version number is also specified (e.g. <em>ver. 2</em>).</p>
<p>You'll see the list of the spreadsheet versions and revisions with the indication of each version/revision author and creation date and time. For spreadsheet versions, the version number is also specified (e.g., <em>ver. 2</em>).</p>
<p><b>Viewing versions:</b></p>
<p>To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it on the left sidebar. The changes made by the version/revision author are marked with the color which is displayed next to the author's name on the left sidebar.</p>
<p>To know exactly which changes have been made in each separate version/revision, you can view the one you need by clicking it on the left sidebar. The changes made by the version/revision author are highlighted with light blue color.</p>
<p>To <b>return</b> to the current version of the spreadsheet, use the <b>Close History</b> option on the top of the version list.</p>
<p><b>Restoring versions:</b></p>
<p>If you need to roll back to one of the previous versions of the spreadsheet, click the <b>Restore</b> link below the selected version/revision.</p>

4
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/ProgramInterface/ProgramInterface.htm
View File

@ -27,8 +27,8 @@
<p>The editor interface consists of the following main elements:</p>
<ol>
<li>
The <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures"> tabs for all opened spreadsheets, </span> with their names and menu tabs..
<p>On the left side of the <b>Editor header</b> there are the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located.</p>
The <b>Editor header</b> displays the logo, <span class="desktopDocumentFeatures"> tabs for all opened spreadsheets, </span> with their names and menu tabs.
<p>On the left side of the <b>Editor header</b> there are the <b>Save</b>, <b>Print file</b>, <b>Undo</b> and <b>Redo</b> buttons are located. Click the dots icon to the right to customize which buttons shall be hidden if any.</p>
<p><img alt="Icons in the editor header" src="../images/interface/leftpart.png" /></p>
<p>On the right side of the <b>Editor header</b> along with the user name the following icons are displayed:</p>
<ul>

48
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/InsertAutoshapes.htm
View File

@ -78,12 +78,12 @@
<b>Fill</b> - use this section to select the autoshape fill. You can choose the following options:
<ul>
<li>
<b>Color Fill</b> - select this option to specify a solid color to fill the inner space of the selected autoshape.
<p><img alt="Color Fill" src="../images/fill_color.png" /></p>
<b>Color fill</b> - select this option to specify a solid color to fill the inner space of the selected autoshape.
<p><img alt="Color fill" src="../images/fill_color.png" /></p>
<p id="color">Click the colored box below and select the necessary color from the available color sets or specify any color you like:</p>
<ul>
<li><b>Theme Colors</b> - the colors that correspond to the selected color scheme of the spreadsheet.</li>
<li><b>Standard Colors</b> - the default colors set.</li>
<li><b>Theme colors</b> - the colors that correspond to the selected color scheme of the spreadsheet.</li>
<li><b>Standard colors</b> - the default colors set.</li>
<li>
You can also apply a <b>custom color</b> using two different options:
<ul>
@ -100,8 +100,8 @@
</ul>
</li>
<li>
<b>Gradient Fill</b> - use this option to fill the shape with two or more fading colors. Customize your gradient fill with no constraints. Click the <b>Shape settings</b> <div class="icon icon-shape_settings_icon"></div> icon to open the <b>Fill</b> menu on the right sidebar:
<p><img alt="Gradient Fill" src="../images/fill_gradient.png" /></p>
<b>Gradient fill</b> - use this option to fill the shape with two or more fading colors. Customize your gradient fill with no constraints. Click the <b>Shape settings</b> <div class="icon icon-shape_settings_icon"></div> icon to open the <b>Fill</b> menu on the right sidebar:
<p><img alt="Gradient fill" src="../images/fill_gradient.png" /></p>
<p>Available menu options:</p>
<ul>
<li>
@ -112,9 +112,9 @@
</ul>
</li>
<li>
<b>Gradient Point</b> is a specific point for transition from one color to another.
<b>Gradient point</b> is a specific point for transition from one color to another.
<ul>
<li>Use the <div class="icon icon-addgradientpoint"></div> <b>Add Gradient Point</b> button or slider bar to add a gradient point. You can add up to 10 gradient points. Each next gradient point added will in no way affect the current gradient fill appearance. Use the <div class="icon icon-removegradientpoint"></div> <b>Remove Gradient Point</b> button to delete a certain gradient point.</li>
<li>Use the <div class="icon icon-addgradientpoint"></div> <b>Add gradient point</b> button or slider bar to add a gradient point. You can add up to 10 gradient points. Each next gradient point added will in no way affect the current gradient fill appearance. Use the <div class="icon icon-removegradientpoint"></div> <b>Remove gradient point</b> button to delete a certain gradient point.</li>
<li>Use the slider bar to change the location of the gradient point or specify <b>Position</b> in percentage for precise location.</li>
<li>To apply a color to a gradient point, click a point on the slider bar, and then click <b>Color</b> to choose the color you want.</li>
</ul>
@ -122,12 +122,12 @@
</ul>
</li>
<li>
<b>Picture or Texture</b> - select this option to use an image or a predefined texture as the shape background.
<p><img alt="Picture or Texture Fill" src="../images/fill_picture.png" /></p>
<b>Picture or texture</b> - select this option to use an image or a predefined texture as the shape background.
<p><img alt="Picture or texture fill" src="../images/fill_picture.png" /></p>
<ul>
<li>If you wish to use an image as the shape background, you can click the <b>Select Picture</b> button and add an image <b>From File</b> selecting it on the hard disc drive of your computer, <b>From Storage</b> using your ONLYOFFICE file manager, or <b>From URL</b> inserting the appropriate URL address into the opened window.</li>
<li>If you wish to use an image as a background for the shape, open the <b>Select picture</b> dropdown menu; here, you can add an image <b>From file</b> by selecting it on your computer hard disk drive, <b>From URL</b> by inserting the appropriate URL address into the opened window, or <b>From storage</b> by selecting the required image stored on your portal.</li>
<li>
If you wish to use a texture as the shape background, open the <b>From Texture</b> menu and select the necessary texture preset.
If you wish to use a texture as the shape background, open 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>
@ -142,14 +142,14 @@
</li>
<li>
<b>Pattern</b> - select this option to fill the shape with a two-colored design composed of regularly repeated elements.
<p><img alt="Pattern Fill" src="../images/fill_pattern.png" /></p>
<p><img alt="Pattern fill" src="../images/fill_pattern.png" /></p>
<ul>
<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>
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
<li><b>No fill</b> - select this option if you don't want to use any fill.</li>
</ul>
</li>
</ul>
@ -191,10 +191,26 @@
</li>
</ol>
</li>
<li><b>Change Shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
<li><b>Change shape</b> is used to replace the current autoshape. Choose another autoshape from the dropdown list.</li>
</ul>
</li>
<li>
<b>Shadow</b> - open this menu to choose one of the preset shadow styles used for the shape.
<ul>
<li><b>No Shadow</b> - uncheck this menu point to display a shadow, and vice versa.</li>
<li><b>Color</b> - choose one of the available colors either on the <b>Theme colors</b> or the <b>Standard colors</b> palette; use the <b>Eyedropper</b> tool to copy color from other objects in the document; or click the <b>More colors</b> menu item to create a custom color.</li>
<li>
<b>Adjust Shadow</b> - create a custom shadow using the following sliders:
<p><img class="floatleft" alt="Adjust shadow" src="../../../../../../common/main/resources/help/en/images/adjust_shadow.png" /></p>
<ul>
<li><b>Transparency</b> - adjust the transparency of the shadow.</li>
<li><b>Size</b> - adjust the size of the shadow.</li>
<li><b>Angle</b> - adjust the angle of the shadow relative to its object.</li>
<li><b>Distance</b> - adjust the distance of the shadow from its object.</li>
</ul>
</li>
</ul>
</li>
<li><b>Show shadow</b> - check this option to display the shape with shadow.</li>
</ul>
<hr />
<h3>Adjust shape advanced settings</h3>

28
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/InsertFunction.htm
View File

@ -97,7 +97,7 @@
<tr>
<td id="textdata">Text and Data Functions</td>
<td>Used to correctly display the text data in the spreadsheet.</td>
<td><a href="../Functions/arraytotext.htm" onclick="onhyperlinkclick(this)">ARRAYTOTEXT</a>; <a href="../Functions/asc.htm" onclick="onhyperlinkclick(this)">ASC</a>; <a href="../Functions/char.htm" onclick="onhyperlinkclick(this)">CHAR</a>; <a href="../Functions/clean.htm" onclick="onhyperlinkclick(this)">CLEAN</a>; <a href="../Functions/code.htm" onclick="onhyperlinkclick(this)">CODE</a>; <a href="../Functions/concatenate.htm" onclick="onhyperlinkclick(this)">CONCATENATE</a>; <a href="../Functions/concat.htm" onclick="onhyperlinkclick(this)">CONCAT</a>; <a href="../Functions/dollar.htm" onclick="onhyperlinkclick(this)">DOLLAR</a>; <a href="../Functions/exact.htm" onclick="onhyperlinkclick(this)">EXACT</a>; <a href="../Functions/find.htm" onclick="onhyperlinkclick(this)">FIND</a>; <a href="../Functions/find.htm" onclick="onhyperlinkclick(this)">FINDB</a>; <a href="../Functions/fixed.htm" onclick="onhyperlinkclick(this)">FIXED</a>; <a href="../Functions/left.htm" onclick="onhyperlinkclick(this)">LEFT</a>; <a href="../Functions/left.htm" onclick="onhyperlinkclick(this)">LEFTB</a>; <a href="../Functions/len.htm" onclick="onhyperlinkclick(this)">LEN</a>; <a href="../Functions/len.htm" onclick="onhyperlinkclick(this)">LENB</a>; <a href="../Functions/lower.htm" onclick="onhyperlinkclick(this)">LOWER</a>; <a href="../Functions/mid.htm" onclick="onhyperlinkclick(this)">MID</a>; <a href="../Functions/mid.htm" onclick="onhyperlinkclick(this)">MIDB</a>; <a href="../Functions/numbervalue.htm" onclick="onhyperlinkclick(this)">NUMBERVALUE</a>; <a href="../Functions/proper.htm" onclick="onhyperlinkclick(this)">PROPER</a>; <a href="../Functions/replace.htm" onclick="onhyperlinkclick(this)">REPLACE</a>; <a href="../Functions/replace.htm" onclick="onhyperlinkclick(this)">REPLACEB</a>; <a href="../Functions/rept.htm" onclick="onhyperlinkclick(this)">REPT</a>; <a href="../Functions/right.htm" onclick="onhyperlinkclick(this)">RIGHT</a>; <a href="../Functions/right.htm" onclick="onhyperlinkclick(this)">RIGHTB</a>; <a href="../Functions/search.htm" onclick="onhyperlinkclick(this)">SEARCH</a>; <a href="../Functions/search.htm" onclick="onhyperlinkclick(this)">SEARCHB</a>; <a href="../Functions/substitute.htm" onclick="onhyperlinkclick(this)">SUBSTITUTE</a>; <a href="../Functions/t.htm" onclick="onhyperlinkclick(this)">T</a>; <a href="../Functions/text.htm" onclick="onhyperlinkclick(this)">TEXT</a>; <a href="../Functions/textjoin.htm" onclick="onhyperlinkclick(this)">TEXTJOIN</a>; <a href="../Functions/trim.htm" onclick="onhyperlinkclick(this)">TRIM</a>; <a href="../Functions/unichar.htm" onclick="onhyperlinkclick(this)">UNICHAR</a>; <a href="../Functions/unicode.htm" onclick="onhyperlinkclick(this)">UNICODE</a>; <a href="../Functions/upper.htm" onclick="onhyperlinkclick(this)">UPPER</a>; <a href="../Functions/value.htm" onclick="onhyperlinkclick(this)">VALUE</a>; <a href="../Functions/textbefore.htm" onclick="onhyperlinkclick(this)">TEXTBEFORE</a>; <a href="../Functions/textafter.htm" onclick="onhyperlinkclick(this)">TEXTAFTER</a>; <a href="../Functions/textsplit.htm" onclick="onhyperlinkclick(this)">TEXTSPLIT</a></td>
<td><a href="../Functions/arraytotext.htm" onclick="onhyperlinkclick(this)">ARRAYTOTEXT</a>; <a href="../Functions/asc.htm" onclick="onhyperlinkclick(this)">ASC</a>; <a href="../Functions/char.htm" onclick="onhyperlinkclick(this)">CHAR</a>; <a href="../Functions/clean.htm" onclick="onhyperlinkclick(this)">CLEAN</a>; <a href="../Functions/code.htm" onclick="onhyperlinkclick(this)">CODE</a>; <a href="../Functions/concatenate.htm" onclick="onhyperlinkclick(this)">CONCATENATE</a>; <a href="../Functions/concat.htm" onclick="onhyperlinkclick(this)">CONCAT</a>; <a href="../Functions/dollar.htm" onclick="onhyperlinkclick(this)">DOLLAR</a>; <a href="../Functions/exact.htm" onclick="onhyperlinkclick(this)">EXACT</a>; <a href="../Functions/find.htm" onclick="onhyperlinkclick(this)">FIND</a>; <a href="../Functions/find.htm" onclick="onhyperlinkclick(this)">FINDB</a>; <a href="../Functions/fixed.htm" onclick="onhyperlinkclick(this)">FIXED</a>; <a href="../Functions/importrange.htm" onclick="onhyperlinkclick(this)">IMPORTRANGE</a>; <a href="../Functions/left.htm" onclick="onhyperlinkclick(this)">LEFT</a>; <a href="../Functions/left.htm" onclick="onhyperlinkclick(this)">LEFTB</a>; <a href="../Functions/len.htm" onclick="onhyperlinkclick(this)">LEN</a>; <a href="../Functions/len.htm" onclick="onhyperlinkclick(this)">LENB</a>; <a href="../Functions/lower.htm" onclick="onhyperlinkclick(this)">LOWER</a>; <a href="../Functions/mid.htm" onclick="onhyperlinkclick(this)">MID</a>; <a href="../Functions/mid.htm" onclick="onhyperlinkclick(this)">MIDB</a>; <a href="../Functions/numbervalue.htm" onclick="onhyperlinkclick(this)">NUMBERVALUE</a>; <a href="../Functions/proper.htm" onclick="onhyperlinkclick(this)">PROPER</a>; <a href="../Functions/replace.htm" onclick="onhyperlinkclick(this)">REPLACE</a>; <a href="../Functions/replace.htm" onclick="onhyperlinkclick(this)">REPLACEB</a>; <a href="../Functions/rept.htm" onclick="onhyperlinkclick(this)">REPT</a>; <a href="../Functions/right.htm" onclick="onhyperlinkclick(this)">RIGHT</a>; <a href="../Functions/right.htm" onclick="onhyperlinkclick(this)">RIGHTB</a>; <a href="../Functions/search.htm" onclick="onhyperlinkclick(this)">SEARCH</a>; <a href="../Functions/search.htm" onclick="onhyperlinkclick(this)">SEARCHB</a>; <a href="../Functions/substitute.htm" onclick="onhyperlinkclick(this)">SUBSTITUTE</a>; <a href="../Functions/t.htm" onclick="onhyperlinkclick(this)">T</a>; <a href="../Functions/text.htm" onclick="onhyperlinkclick(this)">TEXT</a>; <a href="../Functions/textjoin.htm" onclick="onhyperlinkclick(this)">TEXTJOIN</a>; <a href="../Functions/trim.htm" onclick="onhyperlinkclick(this)">TRIM</a>; <a href="../Functions/unichar.htm" onclick="onhyperlinkclick(this)">UNICHAR</a>; <a href="../Functions/unicode.htm" onclick="onhyperlinkclick(this)">UNICODE</a>; <a href="../Functions/upper.htm" onclick="onhyperlinkclick(this)">UPPER</a>; <a href="../Functions/value.htm" onclick="onhyperlinkclick(this)">VALUE</a>; <a href="../Functions/textbefore.htm" onclick="onhyperlinkclick(this)">TEXTBEFORE</a>; <a href="../Functions/textafter.htm" onclick="onhyperlinkclick(this)">TEXTAFTER</a>; <a href="../Functions/textsplit.htm" onclick="onhyperlinkclick(this)">TEXTSPLIT</a></td>
</tr>
<tr>
<td id="statistical">Statistical Functions</td>
@ -132,18 +132,22 @@
<tr>
<td id="lookupreference">Lookup and Reference Functions</td>
<td>Used to easily find information from the data list.</td>
<td><a href="../Functions/address.htm" onclick="onhyperlinkclick(this)">ADDRESS</a>; <a href="../Functions/choose.htm" onclick="onhyperlinkclick(this)">CHOOSE</a>; <a href="../Functions/choosecols.htm" onclick="onhyperlinkclick(this)">CHOOSECOLS</a>; <a href="../Functions/chooserows.htm" onclick="onhyperlinkclick(this)">CHOOSEROWS</a>; <a href="../Functions/column.htm" onclick="onhyperlinkclick(this)">COLUMN</a>; <a href="../Functions/columns.htm" onclick="onhyperlinkclick(this)">COLUMNS</a>; <a href="../Functions/drop.htm" onclick="onhyperlinkclick(this)">DROP</a>; <a href="../Functions/expand.htm" onclick="onhyperlinkclick(this)">EXPAND</a>; <a href="../Functions/filter.htm" onclick="onhyperlinkclick(this)">FILTER</a>; <a href="../Functions/formulatext.htm" onclick="onhyperlinkclick(this)">FORMULATEXT</a>; <a href="../Functions/hlookup.htm" onclick="onhyperlinkclick(this)">HLOOKUP</a>; <a href="../Functions/hstack.htm" onclick="onhyperlinkclick(this)">HSTACK</a>; <a href="../Functions/hyperlink.htm" onclick="onhyperlinkclick(this)">HYPERLINK</a>; <a href="../Functions/index.htm" onclick="onhyperlinkclick(this)">INDEX</a>; <a href="../Functions/indirect.htm" onclick="onhyperlinkclick(this)">INDIRECT</a>; <a href="../Functions/lookup.htm" onclick="onhyperlinkclick(this)">LOOKUP</a>; <a href="../Functions/match.htm" onclick="onhyperlinkclick(this)">MATCH</a>; <a href="../Functions/offset.htm" onclick="onhyperlinkclick(this)">OFFSET</a>; <a href="../Functions/row.htm" onclick="onhyperlinkclick(this)">ROW</a>; <a href="../Functions/rows.htm" onclick="onhyperlinkclick(this)">ROWS</a>; <a href="../Functions/sort.htm" onclick="onhyperlinkclick(this)">SORT</a>; <a href="../Functions/sortby.htm" onclick="onhyperlinkclick(this)">SORTBY</a>; <a href="../Functions/take.htm" onclick="onhyperlinkclick(this)">TAKE</a>; <a href="../Functions/tocol.htm" onclick="onhyperlinkclick(this)">TOCOL</a>; <a href="../Functions/torow.htm" onclick="onhyperlinkclick(this)">TOROW</a>; <a href="../Functions/transpose.htm" onclick="onhyperlinkclick(this)">TRANSPOSE</a>; <a href="../Functions/unique.htm" onclick="onhyperlinkclick(this)">UNIQUE</a>; <a href="../Functions/vlookup.htm" onclick="onhyperlinkclick(this)">VLOOKUP</a>; <a href="../Functions/vstack.htm" onclick="onhyperlinkclick(this)">VSTACK</a>; <a href="../Functions/wrapcols.htm" onclick="onhyperlinkclick(this)">WRAPCOLS</a>; <a href="../Functions/wraprows.htm" onclick="onhyperlinkclick(this)">WRAPROWS</a>; <a href="../Functions/xlookup.htm" onclick="onhyperlinkclick(this)">XLOOKUP</a>; <a href="../Functions/xmatch.htm" onclick="onhyperlinkclick(this)">XMATCH</a></td>
<td><a href="../Functions/address.htm" onclick="onhyperlinkclick(this)">ADDRESS</a>; <a href="../Functions/choose.htm" onclick="onhyperlinkclick(this)">CHOOSE</a>; <a href="../Functions/choosecols.htm" onclick="onhyperlinkclick(this)">CHOOSECOLS</a>; <a href="../Functions/chooserows.htm" onclick="onhyperlinkclick(this)">CHOOSEROWS</a>; <a href="../Functions/column.htm" onclick="onhyperlinkclick(this)">COLUMN</a>; <a href="../Functions/columns.htm" onclick="onhyperlinkclick(this)">COLUMNS</a>; <a href="../Functions/drop.htm" onclick="onhyperlinkclick(this)">DROP</a>; <a href="../Functions/expand.htm" onclick="onhyperlinkclick(this)">EXPAND</a>; <a href="../Functions/filter.htm" onclick="onhyperlinkclick(this)">FILTER</a>; <a href="../Functions/formulatext.htm" onclick="onhyperlinkclick(this)">FORMULATEXT</a>; <a href="../Functions/getpivotdata.htm" onclick="onhyperlinkclick(this)">GETPIVOTDATA</a>; <a href="../Functions/hlookup.htm" onclick="onhyperlinkclick(this)">HLOOKUP</a>; <a href="../Functions/hstack.htm" onclick="onhyperlinkclick(this)">HSTACK</a>; <a href="../Functions/hyperlink.htm" onclick="onhyperlinkclick(this)">HYPERLINK</a>; <a href="../Functions/index.htm" onclick="onhyperlinkclick(this)">INDEX</a>; <a href="../Functions/indirect.htm" onclick="onhyperlinkclick(this)">INDIRECT</a>; <a href="../Functions/lookup.htm" onclick="onhyperlinkclick(this)">LOOKUP</a>; <a href="../Functions/match.htm" onclick="onhyperlinkclick(this)">MATCH</a>; <a href="../Functions/offset.htm" onclick="onhyperlinkclick(this)">OFFSET</a>; <a href="../Functions/row.htm" onclick="onhyperlinkclick(this)">ROW</a>; <a href="../Functions/rows.htm" onclick="onhyperlinkclick(this)">ROWS</a>; <a href="../Functions/sort.htm" onclick="onhyperlinkclick(this)">SORT</a>; <a href="../Functions/sortby.htm" onclick="onhyperlinkclick(this)">SORTBY</a>; <a href="../Functions/take.htm" onclick="onhyperlinkclick(this)">TAKE</a>; <a href="../Functions/tocol.htm" onclick="onhyperlinkclick(this)">TOCOL</a>; <a href="../Functions/torow.htm" onclick="onhyperlinkclick(this)">TOROW</a>; <a href="../Functions/transpose.htm" onclick="onhyperlinkclick(this)">TRANSPOSE</a>; <a href="../Functions/unique.htm" onclick="onhyperlinkclick(this)">UNIQUE</a>; <a href="../Functions/vlookup.htm" onclick="onhyperlinkclick(this)">VLOOKUP</a>; <a href="../Functions/vstack.htm" onclick="onhyperlinkclick(this)">VSTACK</a>; <a href="../Functions/wrapcols.htm" onclick="onhyperlinkclick(this)">WRAPCOLS</a>; <a href="../Functions/wraprows.htm" onclick="onhyperlinkclick(this)">WRAPROWS</a>; <a href="../Functions/xlookup.htm" onclick="onhyperlinkclick(this)">XLOOKUP</a>; <a href="../Functions/xmatch.htm" onclick="onhyperlinkclick(this)">XMATCH</a></td>
</tr>
<tr>
<td id="information">Information Functions</td>
<td>Used to provide information about the data in the selected cell or cell range.</td>
<td><a href="../Functions/cell.htm" onclick="onhyperlinkclick(this)">CELL</a>; <a href="../Functions/error-type.htm" onclick="onhyperlinkclick(this)">ERROR.TYPE</a>; <a href="../Functions/isblank.htm" onclick="onhyperlinkclick(this)">ISBLANK</a>; <a href="../Functions/iserr.htm" onclick="onhyperlinkclick(this)">ISERR</a>; <a href="../Functions/iserror.htm" onclick="onhyperlinkclick(this)">ISERROR</a>; <a href="../Functions/iseven.htm" onclick="onhyperlinkclick(this)">ISEVEN</a>; <a href="../Functions/isformula.htm" onclick="onhyperlinkclick(this)">ISFORMULA</a>; <a href="../Functions/islogical.htm" onclick="onhyperlinkclick(this)">ISLOGICAL</a>; <a href="../Functions/isna.htm" onclick="onhyperlinkclick(this)">ISNA</a>; <a href="../Functions/isnontext.htm" onclick="onhyperlinkclick(this)">ISNONTEXT</a>; <a href="../Functions/isnumber.htm" onclick="onhyperlinkclick(this)">ISNUMBER</a>; <a href="../Functions/isodd.htm" onclick="onhyperlinkclick(this)">ISODD</a>; <a href="../Functions/isref.htm" onclick="onhyperlinkclick(this)">ISREF</a>; <a href="../Functions/istext.htm" onclick="onhyperlinkclick(this)">ISTEXT</a>; <a href="../Functions/n.htm" onclick="onhyperlinkclick(this)">N</a>; <a href="../Functions/na.htm" onclick="onhyperlinkclick(this)">NA</a>; <a href="../Functions/sheet.htm" onclick="onhyperlinkclick(this)">SHEET</a>; <a href="../Functions/sheets.htm" onclick="onhyperlinkclick(this)">SHEETS</a>; <a href="../Functions/type.htm" onclick="onhyperlinkclick(this)">TYPE</a></td>
</tr>
<tr>
<td id="logical">Logical Functions</td>
<td>Used to check if a condition is true or false.</td>
<td><a href="../Functions/and.htm" onclick="onhyperlinkclick(this)">AND</a>; <a href="../Functions/false.htm" onclick="onhyperlinkclick(this)">FALSE</a>; <a href="../Functions/if.htm" onclick="onhyperlinkclick(this)">IF</a>; <a href="../Functions/iferror.htm" onclick="onhyperlinkclick(this)">IFERROR</a>; <a href="../Functions/ifna.htm" onclick="onhyperlinkclick(this)">IFNA</a>; <a href="../Functions/ifs.htm" onclick="onhyperlinkclick(this)">IFS</a>; <a href="../Functions/not.htm" onclick="onhyperlinkclick(this)">NOT</a>; <a href="../Functions/or.htm" onclick="onhyperlinkclick(this)">OR</a>; <a href="../Functions/switch.htm" onclick="onhyperlinkclick(this)">SWITCH</a>; <a href="../Functions/true.htm" onclick="onhyperlinkclick(this)">TRUE</a>; <a href="../Functions/xor.htm" onclick="onhyperlinkclick(this)">XOR</a></td>
</tr>
<tr>
<td id="custom">Custom Functions</td>
<td>Used to access custom functions.</td>
</tr>
<tr>
<td id="information">Information Functions</td>
<td>Used to provide information about the data in the selected cell or cell range.</td>
<td><a href="../Functions/cell.htm" onclick="onhyperlinkclick(this)">CELL</a>; <a href="../Functions/error-type.htm" onclick="onhyperlinkclick(this)">ERROR.TYPE</a>; <a href="../Functions/isblank.htm" onclick="onhyperlinkclick(this)">ISBLANK</a>; <a href="../Functions/iserr.htm" onclick="onhyperlinkclick(this)">ISERR</a>; <a href="../Functions/iserror.htm" onclick="onhyperlinkclick(this)">ISERROR</a>; <a href="../Functions/iseven.htm" onclick="onhyperlinkclick(this)">ISEVEN</a>; <a href="../Functions/isformula.htm" onclick="onhyperlinkclick(this)">ISFORMULA</a>; <a href="../Functions/islogical.htm" onclick="onhyperlinkclick(this)">ISLOGICAL</a>; <a href="../Functions/isna.htm" onclick="onhyperlinkclick(this)">ISNA</a>; <a href="../Functions/isnontext.htm" onclick="onhyperlinkclick(this)">ISNONTEXT</a>; <a href="../Functions/isnumber.htm" onclick="onhyperlinkclick(this)">ISNUMBER</a>; <a href="../Functions/isodd.htm" onclick="onhyperlinkclick(this)">ISODD</a>; <a href="../Functions/isref.htm" onclick="onhyperlinkclick(this)">ISREF</a>; <a href="../Functions/istext.htm" onclick="onhyperlinkclick(this)">ISTEXT</a>; <a href="../Functions/n.htm" onclick="onhyperlinkclick(this)">N</a>; <a href="../Functions/na.htm" onclick="onhyperlinkclick(this)">NA</a>; <a href="../Functions/sheet.htm" onclick="onhyperlinkclick(this)">SHEET</a>; <a href="../Functions/sheets.htm" onclick="onhyperlinkclick(this)">SHEETS</a>; <a href="../Functions/type.htm" onclick="onhyperlinkclick(this)">TYPE</a></td>
</tr>
<tr>
<td id="logical">Logical Functions</td>
<td>Used to check if a condition is true or false.</td>
<td><a href="../Functions/and.htm" onclick="onhyperlinkclick(this)">AND</a>; <a href="../Functions/false.htm" onclick="onhyperlinkclick(this)">FALSE</a>; <a href="../Functions/if.htm" onclick="onhyperlinkclick(this)">IF</a>; <a href="../Functions/iferror.htm" onclick="onhyperlinkclick(this)">IFERROR</a>; <a href="../Functions/ifna.htm" onclick="onhyperlinkclick(this)">IFNA</a>; <a href="../Functions/ifs.htm" onclick="onhyperlinkclick(this)">IFS</a>; <a href="../Functions/not.htm" onclick="onhyperlinkclick(this)">NOT</a>; <a href="../Functions/or.htm" onclick="onhyperlinkclick(this)">OR</a>; <a href="../Functions/switch.htm" onclick="onhyperlinkclick(this)">SWITCH</a>; <a href="../Functions/true.htm" onclick="onhyperlinkclick(this)">TRUE</a>; <a href="../Functions/xor.htm" onclick="onhyperlinkclick(this)">XOR</a></td>
</tr>
</table>
</div>
</body>

2
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/Password.htm
View File

@ -25,7 +25,7 @@
in the <b>Set Password</b> window that opens, enter and confirm the password you will use to access this file. Click <div class = "icon icon-show_password"></div> to show or hide password characters when entered.
<p><img alt="setting password" src="../../../../../../common/main/resources/help/en/images/setpassword.png" /></p>
</li>
<li>click <b>OK</b> to confirm</li>.
<li>click <b>OK</b> to confirm.</li>
<li>
the <b>Encrypt</b> button on the top toolbar displays with an arrow when the file is encrypted. Click the arrow if you want to change or delete your password.
<p><img alt="Encrypted" src="../images/encrypted.png" /></p>

3
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/UsageInstructions/ProtectRanges.htm
View File

@ -25,8 +25,9 @@
</li>
<li>Use the <b>Filter</b> drop-down list to choose the required sheet. Click the <b>New</b> button in the <b>Protected Ranges</b> window to select and add a range of cells a user will be allowed to edit.</li>
<li>
In the <b>New Range</b> window, type the range <b>Title</b>, and select the range of cells by clicking the <b>Select Range</b> button. Select users <b>who can edit</b> this range and click <b>OK</b> to confirm.
In the <b>New Range</b> window, type the range <b>Title</b>, and select the range of cells by clicking the <b>Select Range</b> button. Select users to provide access to the range, set their <a href="https://helpcenter.onlyoffice.com/userguides/groups-guides-documents-share-documents.aspx#step5_block" onclick="onhyperlinkclick(this)">access rights</a>, and click <b>OK</b> to confirm.
<p><img alt="New Range" src="../images/allowedit_newrange.png" /></p>
The available access rights are <b>Edit</b> and <b>View</b>.
</li>
<li>To edit or delete a range, select it in the <b>Protected Ranges</b> window and click the <b>Edit</b> or <b>Delete</b> button accordingly.</li>
<li>Click the <b>Close</b> button in the <b>Protected Ranges</b> window when you are ready.</li>

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/activecell.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/allowedit_newrange.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array5.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.3 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array6.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array7.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array8.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/array9.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/changecolumnwidth.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/expand_last.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/getpivotdata.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/groupedrows.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/interface/hometab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/interface/leftpart.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/multilevelstructure.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/namefield.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/pivot_columns.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/pivot_compact.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/pivot_outline.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/pivot_rows.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/pivot_tabular.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/pivot_values.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/right_autoshape.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/selectcolumn.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/selectrow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/selecttable.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/series_context_menu.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/series_menu.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.9 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/en/images/summary.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Web/OfficeWeb/apps/spreadsheeteditor/main/resources/help/images/src/big/relativereference.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
Web/images/Help/Guides/big/guide105/step2_1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

BIN
Web/images/colors/background-fill-button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
Web/images/colors/border-button-pressed-focus.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

0
Web/images/colors/canvas-cell-title-hover.png → Web/images/colors/canvas-cell-title-background-hover.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

0
Web/images/colors/canvas-cell-title-selected.png → Web/images/colors/canvas-cell-title-background-selected.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
Web/images/colors/canvas-cell-title-background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
Web/images/colors/canvas-cell-title-text.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
Web/images/colors/canvas-dark-cell-title-border-hover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

BIN
Web/images/colors/canvas-dark-cell-title-border-selected.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.0 KiB

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