delete FileChoiceUrl

Reviewed-on: https://git.onlyoffice.com/ONLYOFFICE/document-server-integration/pulls/92

.github/workflows/lint-go.yml

@@ -21,7 +21,7 @@ jobs:
       - name: Set up Go
         uses: actions/setup-go@v5
         with:
-          go-version: '1.21' 
+          go-version: '1.23.10' 
 
       - name: Lint Golangci
         run: |

CHANGELOG.md

@@ -1,11 +1,43 @@
 # Change Log
 
+- nodejs: wopi CopyPasteRestrictions for anonymous
+- update insertImage formats
+- new mobile index page view
+- update action icons
+- php-laravel: 5 editor icons on index page
+- java-spring: 5 editor icons on index page
+- ruby: display mode buttons by actions
+- python: display mode buttons by actions
+- php: display mode buttons by actions
+- java: display mode buttons by actions
+- go: display mode buttons by actions
+- csharp-mvc: display mode buttons by actions
+- csharp: display mode buttons by actions
+- nodejs: display mode buttons by actions
+- nodejs: wopi UserCanOnlyComment
+
+## 1.15.0
+- php-laravel: fix custom jwt header
+- formats for ds v9.3
+- user role
+- start filling
+- update demo files
+- set users by parts
+- open the conversion dialog box with a gray check mark on the type selection step
+- preload frame moved from uploading popup
+- change tab title on rename
+- change uploaded file name in popup if converted
+- features tips for anonymous
+- view odg, md
+- edit xlsb
+- support vsdx in diagram editor
+
 ## 1.14.1
 - nodejs: formats for ds v9.1
 
 ## 1.14.0
 - nodejs: set users by parts
-- nodejs: preload frame moved from uploading popap
+- nodejs: preload frame moved from uploading popup
 - nodejs: view odg, md
 - nodejs: edit xlsb
 - nodejs: support vsdx in diagram editor

Readme.md

@@ -19,57 +19,7 @@ You should change `http://documentserver` to your server address in these files:
 * [Python](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/python) - `web/documentserver-example/python/src/configuration/configuration.py`
 * [Ruby](https://github.com/ONLYOFFICE/document-server-integration/tree/master/web/documentserver-example/ruby) - `web/documentserver-example/ruby/app/configuration/configuration.rb`
 
-More information on how to use these examples can be found here: [http://api.onlyoffice.com/editors/demopreview](http://api.onlyoffice.com/editors/demopreview "http://api.onlyoffice.com/editors/demopreview")
-
-## API methods for test examples
-
-The methods described below are available for all of the test examples.
-
-### POST `/upload`
-
-|                        |                                                              |
-| ---------------------- | ------------------------------------------------------------ |
-| **Summary**            | Upload file to test example via request                      |
-| **URL**                | /upload                                                      |
-| **Method**             | POST                                                         |
-| **Request<br>Headers** | `Content-Type: multipart/form-data`                          |
-| **Request<br>Body**    | `uploadedFile=@<filepath>`<br> `filepath` - file for uploading<br />Multipart body with the file binary contents |
-| **Response**           | **Code:** 200 OK <br />**Content on success:**<br /> `{ "filename": <filename>}`<br />**Content on error:**<br /> `{ "error": "Uploaded file not found" }` <br /> Or <br /> `{ "error": "File size is incorrect" }` |
-| **Sample**             | `curl -X POST -F uploadedFile=@filename.docx http://localhost/upload` |
-
-
-### DELETE `/file`
-
-|                    |                                                              |
-| ------------------ | ------------------------------------------------------------ |
-| **Summary**        | Delete one file or all files                                 |
-| **URL**            | /file                                                        |
-| **Method**         | DELETE                                                       |
-| ****URL Params**** | **Optional:**<br /> `filename=[string]` - file for deleting. <br /> *WARNING! Without this parameter, all files will be deleted* |
-| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `{ "success": true }` |
-| **Sample**         | **Delete one file:**<br />`curl -X DELETE http://localhost/file?filename=filename.docx`<br />**Delete all files:**<br />`curl -X DELETE http://localhost/file`<br /> |
-
-
-### GET `/files`
-
-|                    |                                                              |
-| ------------------ | ------------------------------------------------------------ |
-| **Summary**        | Get information about all files                              |
-| **URL**            | /files                                                       |
-| **Method**         | GET                                                          |
-| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `[{ "version": <file_version>, "id": <file_id>, "contentLength": <file_size_in_kilobytes>, "pureContentLength": <file_size_in_bytes>, "title": <file_name>, "updated": <last_change_date>}, ..., {...}]` |
-| **Sample**         | `curl -X GET http://localhost/files/`                        |
-
-
-### GET `/files/file/{fileId}`
-
-|                    |                                                              |
-| ------------------ | ------------------------------------------------------------ |
-| **Summary**        | Get information about a file by file id                      |
-| **URL**            | /files/file/{fileId}                                         |
-| **Method**         | GET                                                          |
-| **Response**       | **Code:** 200 OK <br />**Content on success:**<br /> `[{ "version": <file_version>, "id": <file_id>, "contentLength": <file_size_in_kilobytes>, "pureContentLength": <file_size_in_bytes>, "title": <file_name>, "updated": <last_change_date>}]`<br />**Content on error:**<br /> `"File not found"` |
-| **Sample**         | `curl -X GET http://localhost/files/{fileId}`                |
+More information on how to use these examples can be found here: [https://api.onlyoffice.com/docs/docs-api/samples/language-specific-examples/](https://api.onlyoffice.com/docs/docs-api/samples/language-specific-examples/)
 
 ## Important security info
 

web/documentserver-example/csharp-mvc/App_Start/BundleConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/App_Start/FilterConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/App_Start/RouteConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/App_Start/WebApiConfig.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Content/editor.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Content/forgotten.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -51,8 +51,8 @@
 
 .tableHeader td:last-child, .tableRow td:last-child {
     width: 10%;
-    text-align: center;
-    padding: 0 !important;
+    text-align: right;
+    display: revert;
 }
 
 .tableHeader {
@@ -81,6 +81,11 @@ menu.links {
 
 .scroll-table-body {
     overflow-y: auto;
+    width: 100%;
+}
+
+.scroll-table-body td {
+    padding: 0 !important;
 }
 
 .stored-list {

web/documentserver-example/csharp-mvc/Content/images/desktop.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19 6H5L5 15H19V6ZM5 4C3.89543 4 3 4.89543 3 6V15C3 16.1046 3.89543 17 5 17H10V18H6V20H18V18H14V17H19C20.1046 17 21 16.1046 21 15V6C21 4.89543 20.1046 4 19 4H5Z" fill="#444444"/>
-</svg>

web/documentserver-example/csharp-mvc/Content/images/embeded.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="4" y="6" width="16" height="13" rx="1" stroke="#444444" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.148 8.69651C13.8858 8.43384 13.4601 8.43384 13.1979 8.69651V8.69651C12.9362 8.95858 12.9362 9.38302 13.1979 9.64509L15.3401 11.7908C15.7296 12.1809 15.7299 12.8126 15.3409 13.2031L13.1967 15.3554C12.9357 15.6173 12.9357 16.041 13.1967 16.3029V16.3029C13.4591 16.5663 13.8855 16.5663 14.1478 16.3029L17.3302 13.1086V13.1086C17.668 12.7702 17.668 12.2222 17.3302 11.8838L14.148 8.69651Z" fill="#444444"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.85199 16.3035C10.1142 16.5662 10.5399 16.5662 10.8021 16.3035V16.3035C11.0638 16.0414 11.0638 15.617 10.8021 15.3549L8.65987 13.2092C8.2704 12.8191 8.27006 12.1874 8.65911 11.7969L10.8033 9.64461C11.0643 9.38266 11.0643 8.959 10.8033 8.69706V8.69706C10.5409 8.43371 10.1145 8.43371 9.85218 8.69706L6.66983 11.8914V11.8914C6.33201 12.2298 6.33201 12.7778 6.66983 13.1162L9.85199 16.3035Z" fill="#444444"/>
-</svg>

web/documentserver-example/csharp-mvc/Content/images/icon_vsdx.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path d="M5 8h6v1H5zm0 1h1v1H5zm5 0h1v1h-1zM7 6h2v2H7z" fill="#5951BB"/>
+    <path stroke="#5951BB" d="M4.5 10.5h2v2h-2zm5 0h2v2h-2z"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/mobile-menu.svg

@@ -1,5 +1,3 @@
-<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="20" height="2" rx="1" fill="white"/>
-    <rect y="6" width="20" height="2" rx="1" fill="white"/>
-    <rect y="12" width="20" height="2" rx="1" fill="white"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 5C17.6569 5 19 6.34315 19 8V16C19 17.6569 17.6569 19 16 19H8C6.34315 19 5 17.6569 5 16V8C5 6.34315 6.34315 5 8 5H16ZM11 7V17H16L16.1025 16.9951C16.573 16.9472 16.9472 16.573 16.9951 16.1025L17 16V8C17 7.48232 16.6067 7.05621 16.1025 7.00488L16 7H11Z" fill="#EFEFEF"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/images/mobile.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C6.89543 3 6 3.89543 6 5V19C6 20.1046 6.89543 21 8 21H16C17.1046 21 18 20.1046 18 19V5C18 3.89543 17.1046 3 16 3H8ZM16.8462 6H7.15385V18H16.8462V6ZM10.3846 4H13.6154V5H10.3846V4ZM12 20C12.2974 20 12.5385 19.7761 12.5385 19.5C12.5385 19.2239 12.2974 19 12 19C11.7026 19 11.4615 19.2239 11.4615 19.5C11.4615 19.7761 11.7026 20 12 20Z" fill="#444444"/>
-</svg>

web/documentserver-example/csharp-mvc/Content/images/open-context.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33331 10C4.22665 10 3.33331 10.8933 3.33331 12C3.33331 13.1067 4.22665 14 5.33331 14C6.43998 14 7.33331 13.1067 7.33331 12C7.33331 10.8933 6.43998 10 5.33331 10ZM18.6666 10C17.56 10 16.6666 10.8933 16.6666 12C16.6666 13.1067 17.56 14 18.6666 14C19.7733 14 20.6666 13.1067 20.6666 12C20.6666 10.8933 19.7733 10 18.6666 10ZM12 10C10.8933 10 9.99998 10.8933 9.99998 12C9.99998 13.1067 10.8933 14 12 14C13.1066 14 14 13.1067 14 12C14 10.8933 13.1066 10 12 10Z" fill="#808080"/>
+</svg>

web/documentserver-example/csharp-mvc/Content/media.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -34,15 +34,15 @@
     }
 
     .tableHeaderCellFileName {
-        width: 25%;
+        width: 29%;
     }
 
     .tableHeaderCellEditors {
-        width: 13%;
+        width: 12%;
     }
 
     .tableHeaderCellViewers {
-        width: 18%;
+        width: 15%;
         text-align: right;
     }
 
@@ -84,6 +84,7 @@
     }
 
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 90%;
     }
@@ -142,6 +143,7 @@
 
     .scroll-table-body {
         top: 31px;
+        height: calc(100% - 34px);
     }
 
     footer {
@@ -182,9 +184,14 @@
 
 @media (max-width: 715px) {
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 45%;
     }
+
+    .storedHeaderClearAll {
+        padding-right: 24px;
+    }
 }
 @media (max-width: 670px) and (min-width: 620px){
     .main-panel{
@@ -220,15 +227,15 @@
 
     .tableRow td:first-child {
         flex-grow: 0;
-        width: 15%;
+        width: 26%;
     }
 
     .tableHeaderCellFileName {
-        width: 9%;
+        width: 15%;
     }
 
     .tableHeaderCellEditors {
-        width: 13%;
+        width: 3%;
     }
 
     .tableHeaderCellViewers {
@@ -253,12 +260,12 @@
     }
 
     .tableHeaderCellEditors {
-        width: 15%;
+        width: 13%;
         text-align: left;
     }
 
     .tableHeaderCellFileName {
-        width: 28%;
+        width: 29%;
     }
 
     .tableHeaderCellViewers {
@@ -281,6 +288,7 @@
     }
 
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 75%;
     }
@@ -302,6 +310,10 @@
     .firstContentCellViewers {
         margin-left: 0;
     }
+
+    .storedHeaderClearAll {
+        padding-right: 39px;
+    }
 }
 
 @media (max-width: 890px) and (min-width: 769px ) {
@@ -317,6 +329,7 @@
     }
 
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 95%;
     }
@@ -337,7 +350,7 @@
     }
 
     .tableHeaderCellFileName {
-        width: 20%;
+        width: 22%;
     }
 
     .tableHeaderCellEditors {
@@ -346,18 +359,22 @@
     }
 
     .tableHeaderCellViewers {
-        width: 19%;
+        width: 15%;
     }
 
     .tableHeaderCellAction {
         width: 19%;
         padding-right: 45px;
     }
+
+    .storedHeaderClearAll {
+        padding-right: 30px;
+    }
 }
 
 @media (max-width: 890px) {
     .tableRow td:first-child {
-        max-width: 17%;
+        max-width: 22%;
     }
     #portal-info {
         max-width: 60vw;
@@ -436,61 +453,6 @@
         padding: 16px 0 6px;
     }
 
-    .tableRow,
-    menu.links {
-        width: 40%;
-    }
-
-    .tableRow td {
-        border: none;
-    }
-
-    .firstContentCellShift {
-        border: none;
-        flex-basis: 10%;
-        flex-grow: 1;
-    }
-
-    .downloadContentCellShift {
-        max-width: 7%;
-        margin-right: 24px;
-        margin-left: 0;
-    }
-
-    .contentCells-icon {
-        width: 13%;
-    }
-
-    .tableRow td:last-child {
-        width: 7%;
-        padding-right: 0px;
-        border: none;
-    }
-
-    .contentCells-shift {
-        padding-right: 0px;
-    }
-
-    .downloadContentCellShift:after {
-        width: 85%;
-    }
-
-    .firstContentCellViewers {
-        margin-left: 0;
-        border-bottom: 1px solid #e5e5e5 !important;
-    }
-
-    .firstContentCellViewers ~ td {
-        border-bottom: 1px solid #e5e5e5;
-    }
-    .tableRow td:first-child{
-        border: none;
-        width: 85%;
-    }
-    .contentCellsEmpty{
-        display: none;
-        width: 1%;
-    }
     /* Mobile Upload*/
     .blockUI.blockMsg.blockPage.ui-dialog.ui-widget.ui-corner-all.ui-widget-content.ui-draggable {
         width: 344px !important;
@@ -565,104 +527,7 @@
     }
 }
 
-@media (max-width: 560px) and (min-width: 510px) {
-    .contentCells-icon {
-        width: 13%;
-    }
-
-    .downloadContentCellShift {
-        padding-right: 16px;
-        max-width: 4%;
-    }
-}
-
-@media (max-width: 510px)  and (min-width: 470px) {
-    .tableRow,
-    menu.links {
-        width: 35%;
-    }
-
-    .tableRow td:first-child{
-        width: 83%;
-    }
-    .contentCells-icon {
-        width: 13%;
-    }
-
-    .downloadContentCellShift {
-        max-width: 6%;
-        padding-right: 6px;
-    }
-
-    .firstContentCellShift {
-        flex-basis: 9%;
-    }
-
-    .tableRow td:last-child {
-        padding-right: 28px;
-    }
-}
-
-@media (max-width: 470px)  and (min-width: 420px) {
-    .tableRow,
-    menu.links {
-        width: 30%;
-    }
-    .tableRow td:first-child{
-        width: 85%;
-    }
-    .contentCells-icon {
-        width: 11%;
-    }
-
-    .downloadContentCellShift {
-        max-width: 3%;
-        padding-right: 0px;
-        padding-left: 0;
-    }
-
-    .firstContentCellShift {
-        margin-left: 2px;
-        flex-basis: 14%;
-    }
-
-    .tableRow td:last-child {
-        width: 5%;
-        padding-right: 63px;
-    }
-    .firstContentCellViewers{
-        padding-right: 2px;
-        width: 12%;
-    }
-    .contentCellsEmpty{
-        display: none;
-    }
-}
-
 @media (max-width: 420px) {
-    .tableRow,
-    menu.links {
-        width: 25%;
-    }
-
-    .tableRow td:last-child {
-        width: 6%;
-        padding-right: 16px;
-    }
-
-    .downloadContentCellShift {
-        max-width: 4%;
-        margin-right: 18px;
-        margin-left: -1px;
-    }
-
-    .firstContentCellShift {
-        flex-basis: 2%;
-    }
-
-    .contentCells-icon{
-        width: 12%;
-    }
     footer table td {
         margin: 0;
         padding-right: 5px;
@@ -673,10 +538,6 @@
         padding-right: 5px;
         margin: 0;
     }
-    .firstContentCellViewers{
-        padding-right: 2px;
-        width: 11%;
-    }
 }
 
 @media (max-width: 1160px) {
@@ -685,20 +546,15 @@
     }
 }
 
-@media (min-width: 593px) {
-    .contentCellsEmpty {
-        display: none;
-    }
-}
 @media (max-width: 769px) and (min-width: 715px){
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 50%;
     }
-}
-@media (max-width: 510px) {
-    .tableRow td:first-child{
-        flex-grow: 0;
+
+    .storedHeaderClearAll {
+        padding-right: 26px;
     }
 }
 @media (max-width: 1100px) and (min-width: 890px){
@@ -782,8 +638,8 @@
         margin: 0;
         position: fixed;
         left: 0;
-        height: calc(100% - 124px);
-        z-index:99;
+        height: calc(100% - 44px);
+        z-index: 101;
     }
 
     .left-panel.active {
@@ -893,6 +749,7 @@
 
     .scroll-table-body {
         top: 36px;
+        height: calc(100% - 34px);
     }
 
     .scroll-table-body tr:first-child {
@@ -901,16 +758,37 @@
 
     .tableRow {
         border-bottom: 1px solid #e5e5e5;
-        padding: 16px 0;
+        padding: 12px 0;
         width: 100%;
+        flex-wrap: nowrap;
     }
 
     .tableRow td:first-child {
         width: 100%;
     }
 
+    .tableRow td:last-child {
+        display: block;
+        width: 24px;
+    }
+
+    .contentCells {
+        padding: 0;
+        font-size: 13px;
+    }
+
+    .contentCells-icon {
+        width: auto;
+        display: none;
+    }
+
+    .stored-edit {
+        height: 12px;
+        padding: 6px 0 6px 34px;
+    }
+
     .stored-edit span {
-        font-size: 14px;
+        font-size: 13px;
     }
 
     .header-list {
@@ -918,7 +796,7 @@
     }
 
     .firstContentCellViewers {
-        border-bottom: none !important;
+        margin: 0;
     }
 
     .firstContentCellViewers ~ td {
@@ -953,4 +831,19 @@
     .user-block-table {
         height: auto;
     }
+
+    .upload-panel {
+        padding: 12px 0;
+    }
+    
+    .user-block-table td select {
+        height: 48px;
+        padding-left: 12px;
+        border-radius: 6px;
+        border-color: #aaaaaa;
+    }
+
+    .user-block-table tr:last-child {
+        display: none;
+    }
 }

web/documentserver-example/csharp-mvc/Content/stylesheet.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -511,10 +511,6 @@ label .checkbox {
     line-height: 150%;
 }
 
-#loadScripts {
-    display: none;
-}
-
 #iframeScripts {
     position: absolute;
     visibility: hidden;
@@ -631,6 +627,11 @@ footer table tr td:first-child {
     background-image: url("images/icon_pdf.svg");
 }
 
+.stored-edit.diagram,
+.uploadFileName.diagram {
+    background-image: url("images/icon_vsdx.svg");
+}
+
 .stored-edit span {
     font-size: 12px;
     line-height: 12px;
@@ -751,7 +752,6 @@ footer table tr td:first-child {
 
 .contentCells {
 	display: block;
-    border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     padding: 4px;
@@ -844,6 +844,7 @@ footer table tr td:first-child {
     position: absolute;
     right: 0;
     top: 71px;
+    height: calc(100% - 130px);
     scrollbar-color: #D0D5DA transparent;
     scrollbar-width: thin;
 }
@@ -914,18 +915,18 @@ html {
     position: relative;
 }
 
-    .tableRow td:first-child {
-        display: flex;
-        flex-grow: 1;
-        max-width: 25%;
-    }
+.tableRow td:first-child {
+    display: flex;
+    flex-grow: 1;
+    max-width: 29%;
+}
 
 .tableHeaderCellFileName {
-    width: 20%;
+    width: 24%;
 }
 
 .tableHeaderCellEditors {
-    width: 20%;
+    width: 24%;
 }
 
 .tableHeaderCellViewers {
@@ -983,3 +984,103 @@ html {
     top: 50%;
     transform: translate(-50%, -50%);
 }
+
+.tableRow td:last-child {
+    display: none;
+}
+
+#mobileContextMenu {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background-color: rgba(51, 51, 51, 0.3);
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+    z-index: 100;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0s linear 0.4s;
+}
+
+#mobileContextMenu.active {
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.3s ease;
+}
+
+#mobileContextMenu .context-body {
+    width: 100%;
+    max-height: 100%;
+    transform: translateY(100%);
+    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+}
+
+#mobileContextMenu.active .context-body {
+    transform: translateY(0);
+}
+
+#mobileContextMenu table {
+    background-color: white;
+    width: 100%;
+    margin-top: 150px;
+    padding-bottom: 96px;
+}
+
+#mobileContextMenu thead {
+    padding: 12px 16px 0;
+    height: 48px;
+    position: sticky;
+    top: -1px;
+    display: flex;
+    align-items: center;
+    background-color: white;
+}
+
+#mobileContextMenu thead:not(.is-pinned)::after {
+    content: '';
+    position: absolute;
+    left: 16px;
+    right: 16px;
+    bottom: 0px;
+    height: 1px;
+    background: #e2e2e2;
+}
+
+#mobileContextMenu thead.is-pinned {
+    box-shadow: 0px 4px 6px 0px #CCCCCC4D;
+    transition: all 0.4s ease-out;
+}
+
+#mobileContextMenu tbody {
+    padding: 0 16px;
+    display: block
+}
+
+#mobileContextMenu tr {
+    display: block;
+    padding: 12px;
+}
+
+.context-section {
+    padding: 24px 0 6px !important;
+    font-size: 13px;
+    font-weight: 600;
+    color: #808080;
+}
+
+#mobileContextMenu a:not(.stored-edit) {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    text-decoration: none;
+}
+
+#mobileContextMenu img {
+    margin-right: 8px;
+}

web/documentserver-example/csharp-mvc/Controllers/HomeController.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Global.asax.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/DocManagerHelper.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/DocumentConverter.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/JwtManager.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/TrackManager.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Helpers/Users.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -26,14 +26,16 @@ namespace OnlineEditorsExampleMVC.Helpers
         static List<string> descr_user_1 = new List<string>()
         {
             "File author by default",
-            "Doesn’t belong to any group",
+            "Doesn't belong to any group",
             "Can review all the changes",
             "Can perform all actions with comments",
-            "The file favorite state is undefined",
-            "Can create files from templates using data from the editor",
             "Can see the information about all users",
+            "This file isn't marked as favorite",
+            "Can create files from templates using data from the editor",
             "Has an avatar",
-            "Can submit forms"
+            "Can submit forms",
+            "Has no roles",
+            "Can start filling"
         };
 
         static List<string> descr_user_2 = new List<string>()
@@ -41,11 +43,13 @@ namespace OnlineEditorsExampleMVC.Helpers
             "Belongs to Group2",
             "Can review only his own changes or changes made by users with no group",
             "Can view comments, edit his own comments and comments left by users with no group. Can remove his own comments only",
+            "Can see the information about users from Group2 and users who don't belong to any group",
             "This file is marked as favorite",
             "Can create new files from the editor",
-            "Can see the information about users from Group2 and users who don’t belong to any group",
             "Has an avatar",
-            "Can’t submit forms"
+            "Can't submit forms",
+            "Has role 'Anyone'",
+            "Can start filling"
         };
 
         static List<string> descr_user_3 = new List<string>()
@@ -53,33 +57,38 @@ namespace OnlineEditorsExampleMVC.Helpers
             "Belongs to Group3",
             "Can review changes made by Group2 users",
             "Can view comments left by Group2 and Group3 users. Can edit comments left by the Group2 users",
-            "This file isn’t marked as favorite",
-            "Can’t copy data from the file to clipboard",
-            "Can’t download the file",
-            "Can’t print the file",
-            "Can create new files from the editor",
             "Can see the information about Group2 users",
-            "Can’t submit forms",
+            "The file favorite state is undefined",
+            "Can't copy data from the file to clipboard",
+            "Can't download the file",
+            "Can't print the file",
+            "Can create new files from the editor",
+            "Can't submit forms",
             "Can't close history",
-            "Can't restore the file version"
+            "Can't restore the file version",
+            "Has role 'role'",
+            "Can start filling"
         };
 
         static List<string> descr_user_0 = new List<string>()
         {
             "The name is requested when the editor is opened",
-            "Doesn’t belong to any group",
+            "Doesn't belong to any group",
             "Can review all the changes",
             "Can perform all actions with comments",
+            "Can't see anyone's information",
             "The file favorite state is undefined",
             "Can't mention others in comments",
             "Can't create new files from the editor",
-            "Can’t see anyone’s information",
             "Can't rename files from the editor",
             "Can't view chat",
             "Can't protect file",
             "View file without collaboration",
-            "Can’t submit forms",
-            "Can’t refresh outdated file"
+            "Can't refresh outdated file",
+            "Can't submit forms",
+            "Tour of tips when opening a document",
+            "Has empty role",
+            "Can't start filling"
         };
 
         private static List<User> users = new List<User>() {
@@ -91,13 +100,14 @@ namespace OnlineEditorsExampleMVC.Helpers
                     null,
                     new Dictionary<string, object>(),
                     null,
-                    null,
+                    false,
                     new List<string>(),
                     descr_user_1,
                     true,
                     true,
                     new Goback(null, false),
-                    new Close(null, false)
+                    new Close(null, false),
+                    null
                 ),
             new User(
                     "uid-2",
@@ -118,7 +128,8 @@ namespace OnlineEditorsExampleMVC.Helpers
                     false,
                     true,
                     new Goback("Go to Documents", null),
-                    new Close(null, true)
+                    new Close(null, true),
+                    new List<string>() { "Anyone" }
                 ),
             new User(
                     "uid-3",
@@ -133,13 +144,14 @@ namespace OnlineEditorsExampleMVC.Helpers
                         { "remove", new List<string>() { } }
                     },
                     new List<string>() { "group-2" },
-                    false,
+                    null,
                     new List<string>() { "copy", "download", "print" },
                     descr_user_3,
                     false,
                     false,
                     null,
-                    new Close(null, true)
+                    new Close(null, true),
+                    new List<string>() { "role" }
                 ),
             new User(
                     "uid-0",
@@ -155,7 +167,8 @@ namespace OnlineEditorsExampleMVC.Helpers
                     false,
                     false,
                     null,
-                    null
+                    null,
+                    new List<string>()
                 )
         };
 
@@ -248,8 +261,9 @@ namespace OnlineEditorsExampleMVC.Helpers
 
         public Goback goback;
         public Close close;
+        public List<string> roles;
 
-        public User(string id, string name, string email, string group, List<string> reviewGroups, Dictionary<string, object> commentGroups, List<string> userInfoGroups, bool? favorite, List<string> deniedPermissions, List<string> descriptions, bool templates, bool avatar, Goback goback, Close close)
+        public User(string id, string name, string email, string group, List<string> reviewGroups, Dictionary<string, object> commentGroups, List<string> userInfoGroups, bool? favorite, List<string> deniedPermissions, List<string> descriptions, bool templates, bool avatar, Goback goback, Close close, List<string> roles)
         {
             this.id = id;
             this.name = name;
@@ -265,6 +279,7 @@ namespace OnlineEditorsExampleMVC.Helpers
             this.avatar = avatar;
             this.goback = goback;
             this.close = close;
+            this.roles = roles;
         }
     }
 

web/documentserver-example/csharp-mvc/Helpers/Utils.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Models/FileModel.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -190,6 +190,7 @@ namespace OnlineEditorsExampleMVC.Models
                                         {
                                             { "id", !user.id.Equals("uid-0") ? user.id : null  },
                                             { "name", user.name },
+                                            { "roles", user.roles },
                                             { "group", user.group },
                                             { "image", user.avatar ? DocManagerHelper.GetServerUrl(false) + "/Content/images/" + user.id + ".png" : null}
                                         }
@@ -227,6 +228,12 @@ namespace OnlineEditorsExampleMVC.Models
                                                         { "text", user.close.text },
                                                         { "visible", user.close. visible }
                                                     } : new Dictionary<string, object>{}
+                                            },
+                                            {
+                                                "features", new Dictionary<string, object>
+                                                    {
+                                                        { "featuresTips", user.id.Equals("uid-0") }
+                                                    }
                                             }
                                         }
                                 }
@@ -320,13 +327,18 @@ namespace OnlineEditorsExampleMVC.Models
                 logoConfig.Add("directUrl", directMailMergeUrl.ToString());
             }
 
+            var result = new Dictionary<string, object> 
+            {
+                { "images", new List<Dictionary<string, object>>{logoConfig} }
+            };
+
             if (JwtManager.Enabled)  // if the secret key to generate token exists
             {
-                var token = JwtManager.Encode(logoConfig);  // encode logoConfig into the token
-                logoConfig.Add("token", token);  // and add it to the logo config
+                var token = JwtManager.Encode(result);  // encode logoConfig into the token
+                result.Add("token", token);  // and add it to the logo config
             }
 
-            logoUrl = jss.Serialize(logoConfig).Replace("{", "").Replace("}", "");
+            logoUrl = jss.Serialize(result).Replace("{", "").Replace("}", "");
         }
 
         // get a mail merge config
@@ -380,7 +392,7 @@ namespace OnlineEditorsExampleMVC.Models
             var jss = new JavaScriptSerializer();
             var id = request.Cookies.GetOrDefault("uid", null);
             var user = Users.getUser(id);
-            usersForMentions = !user.id.Equals("uid-0") ? jss.Serialize(Users.getUsersForMentions(user.id)) : null;
+            usersForMentions = jss.Serialize(!user.id.Equals("uid-0") ? Users.getUsersForMentions(user.id) : null);
         }
 
         public void GetUsersInfo(HttpRequest request, out string usersInfo)
@@ -397,7 +409,7 @@ namespace OnlineEditorsExampleMVC.Models
             var jss = new JavaScriptSerializer();
             var id = request.Cookies.GetOrDefault("uid", null);
             var user = Users.getUser(id);
-            usersForProtect = !user.id.Equals("uid-0") ? jss.Serialize(Users.getUsersForProtect(user.id)) : null;
+            usersForProtect = jss.Serialize(!user.id.Equals("uid-0") ? Users.getUsersForProtect(user.id) : null);
         }
     }
 }

web/documentserver-example/csharp-mvc/Models/FileUtility.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -35,7 +35,8 @@ namespace OnlineEditorsExampleMVC.Models
             Word,
             Cell,
             Slide,
-            Pdf
+            Pdf,
+            Diagram
         }
 
         // get file type
@@ -47,6 +48,7 @@ namespace OnlineEditorsExampleMVC.Models
             if (FormatManager.DocumentExtensions().Contains(ext)) return FileType.Word;  // word type for document extensions
             if (FormatManager.SpreadsheetExtensions().Contains(ext)) return FileType.Cell;  // cell type for spreadsheet extensions
             if (FormatManager.PresentationExtensions().Contains(ext)) return FileType.Slide;  // slide type for presentation extensions
+            if (FormatManager.DiagramExtensions().Contains(ext)) return FileType.Diagram;  // diagram type for diagram extensions
 
             return FileType.Null;  // the default type is word
         }
@@ -202,6 +204,20 @@ namespace OnlineEditorsExampleMVC.Models
                 .ToList();
         }
 
+        public static List<string> DiagramExtensions()
+        {
+            return Diagrams()
+                .Select(format => format.Extension())
+                .ToList();
+        }
+
+        public static List<Format> Diagrams()
+        {
+            return All()
+                .Where(format => format.Type == FileType.Diagram)
+                .ToList();
+        }
+
         public static List<string> AllExtensions()
         {
             return All()
@@ -223,6 +239,13 @@ namespace OnlineEditorsExampleMVC.Models
             return cachedFormats;
         }
 
+        public static List<string> GetFormatActions(string extension)
+        {
+            return All()
+                .Find(format => format.Extension() == extension)
+                .Actions;
+        }
+
         private static string GetPath()
         {
             string path = Path.Combine(GetDirectory(), "onlyoffice-docs-formats.json");

web/documentserver-example/csharp-mvc/Models/ForgottenFilesModel.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/OnlineEditorsExampleMVC.csproj

@@ -98,18 +98,18 @@
     <Content Include="Content\images\close.svg" />
     <Content Include="Content\images\comment.svg" />
     <Content Include="Content\images\delete.svg" />
-    <Content Include="Content\images\desktop.svg" />
     <Content Include="Content\images\done.svg" />
     <Content Include="Content\images\download.svg" />
-    <Content Include="Content\images\embeded.svg" />
+    <Content Include="Content\images\edit.svg" />
+    <Content Include="Content\images\embedview.svg" />
     <Content Include="Content\images\error.svg" />
     <Content Include="Content\images\file_docx.svg" />
     <Content Include="Content\images\file_docxf.svg" />
     <Content Include="Content\images\file_pptx.svg" />
     <Content Include="Content\images\file_upload.svg" />
     <Content Include="Content\images\file_xlsx.svg" />
-    <Content Include="Content\images\fill-forms.svg" />
     <Content Include="Content\images\filter.svg" />
+    <Content Include="Content\images\formsubmit.svg" />
     <Content Include="Content\images\home.svg" />
     <Content Include="Content\images\icon_docx.svg" />
     <Content Include="Content\images\icon_pptx.svg" />
@@ -118,12 +118,14 @@
     <Content Include="Content\images\loader16.gif" />
     <Content Include="Content\images\logo.svg" />
     <Content Include="Content\images\mobile-fill-forms.svg" />
-    <Content Include="Content\images\mobile.svg" />
+    <Content Include="Content\images\mobileEdit.svg" />
+    <Content Include="Content\images\mobileView.svg" />
     <Content Include="Content\images\notdone.svg" />
     <Content Include="Content\images\review.svg" />
     <Content Include="Content\images\slide.ico" />
     <Content Include="Content\images\uid-1.png" />
     <Content Include="Content\images\uid-2.png" />
+    <Content Include="Content\images\view.svg" />
     <Content Include="Content\images\word.ico" />
     <Content Include="Content\jquery-ui.css" />
     <Content Include="Content\media.css" />

web/documentserver-example/csharp-mvc/Properties/AssemblyInfo.cs

@@ -7,7 +7,7 @@ using System.Runtime.InteropServices;
 [assembly: AssemblyConfiguration("")]
 [assembly: AssemblyCompany("Ascensio System SIA")]
 [assembly: AssemblyProduct("OnlineEditorsExampleMVC")]
-[assembly: AssemblyCopyright("Ascensio System SIA 2025")]
+[assembly: AssemblyCopyright("Ascensio System SIA 2026")]
 [assembly: AssemblyTrademark("")]
 [assembly: AssemblyCulture("")]
 

web/documentserver-example/csharp-mvc/README.md

@@ -12,7 +12,7 @@ See the detailed guide to learn how to install Document Server [for Windows](htt
 
 ## Step 2. Download the .Net (C# MVC) code for the editors integration
 
-Download the [.Net (C# MVC) example](https://api.onlyoffice.com/editors/demopreview) from our site.
+Download the [.Net (C# MVC) example](https://api.onlyoffice.com/docs/docs-api/samples/language-specific-examples/) from our site.
 
 To connect the editors to your website, specify the path to the editors installation and the path to the storage folder in the *web.appsettings.config* file:
 ```
@@ -21,10 +21,10 @@ To connect the editors to your website, specify the path to the editors installa
 ```
 where the **documentserver** is the name of the server with the ONLYOFFICE Document Server installed and the **storage-path** is the path where files will be created and stored. You can set an absolute path.
 
-If you want to experiment with the editor configuration, modify the [parameters](https://api.onlyoffice.com/editors/advanced) in the *DocEditor.aspx* file.
+If you want to experiment with the editor configuration, modify the [parameters](https://api.onlyoffice.com/docs/docs-api/usage-api/advanced-parameters/) in the *DocEditor.aspx* file.
 
 ## Step 3. Install the prerequisites
-Сheck if your system meets the system requirements:
+Check if your system meets the system requirements:
 * **Microsoft .NET Framework**: version 4.5 (download it from the [official Microsoft website](https://www.microsoft.com/en-US/download/details.aspx?id=30653));
 * **Internet Information Services**: version 7 or later.
 
@@ -79,6 +79,45 @@ In case the example and Document Server are installed on different computers, ma
 
 Make sure that the Document Server has access to the server with the example installed with the address which you specify instead of **example.com** in the configuration files.
 
+## File API methods used in this example 
+
+The methods described below are available for .Net (C# MVC) test example.
+
+### POST `/webeditor.ashx?type=upload`
+
+|                        |                                                              |
+| ---------------------- | ------------------------------------------------------------ |
+| **Summary**            | Upload file to test example via request                      |
+| **URL**                | /webeditor.ashx?type=upload                                                      |
+| **Method**             | POST                                                         |
+| **Request<br>Headers** | `Content-Type: multipart/form-data`                          |
+| **Request<br>Body**    | `uploadedFile=@<filepath>`<br> `filepath` - file for uploading<br />Multipart body with the file binary contents |
+| **Response**           | **Code:** 200 OK <br />**Content on success:**<br /> `{ "filename": <filename>}`<br />**Content on error:**<br /> `{ "error": "File type is not supported" }` <br /> Or <br /> `{ "error": "File size is incorrect" }` |
+| **Sample**             | `curl -X POST -F uploadedFile=@filename.docx http://localhost/webeditor.ashx?type=upload` |
+
+
+### GET `/webeditor.ashx?type=remove`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Delete one file or all files                                 |
+| **URL**            | /webeditor.ashx?type=remove                                                        |
+| **Method**         | GET                                                       |
+| ****URL Params**** | **Optional:**<br /> `filename=[string]` - file for deleting. <br /> *WARNING! Without this parameter, all files will be deleted* |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `{ "success": true }` |
+| **Sample**         | **Delete one file:**<br />`curl -X GET http://localhost/webeditor.ashx?type=remove&filename=filename.docx`<br />**Delete all files:**<br />`curl -X GET http://localhost/webeditor.ashx?type=remove`<br /> |
+
+
+### GET `/webeditor.ashx?type=files`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Get information about all files                              |
+| **URL**            | /webeditor.ashx?type=files                                                       |
+| **Method**         | GET                                                          |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `[{ "version": <file_version>, "id": <file_id>, "contentLength": <file_size_in_kilobytes>, "pureContentLength": <file_size_in_bytes>, "title": <file_name>, "updated": <last_change_date>}, ..., {...}]` |
+| **Sample**         | `curl -X GET http://localhost/webeditor.ashx?type=files`                        |
+
 ## Important security info
 
 Please keep in mind the following security aspects when you are using test examples:

web/documentserver-example/csharp-mvc/Scripts/forgotten.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Scripts/formats.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Scripts/jquery.dropdownToggle.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/Scripts/jscript.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -126,7 +126,7 @@ if (typeof jQuery != "undefined") {
 
         if (!formatManager.isAutoConvertible(posExt)) {
             jq("#step2").addClass("done").removeClass("current");
-            loadScripts();
+            onuploaded();
             return;
         }
 
@@ -182,36 +182,16 @@ if (typeof jQuery != "undefined") {
                     if (response.step && response.step < 100) {
                         checkConvert(filePass, fileType);
                     } else {
+                        jq("#uploadFileName").text(response.filename);
                         jq("#step2").addClass("done").removeClass("current");
-                        loadScripts();
+                        onuploaded();
                     }
                 }
             });
         }, 1000);
     };
 
-    var loadScripts = function () {
-        if (!jq("#mainProgress").is(":visible")) {
-            return;
-        }
-        jq("#step3").addClass("current");
-
-        if (jq("#loadScripts").is(":empty")) {
-            var urlScripts = jq("#loadScripts").attr("data-docs");
-            var frame = '<iframe id="iframeScripts" width=1 height=1 style="position: absolute; visibility: hidden;" ></iframe>';
-            jq("#loadScripts").html(frame);
-            document.getElementById("iframeScripts").onload = onloadScripts;
-            jq("#loadScripts iframe").attr("src", urlScripts);
-        } else {
-            onloadScripts();
-        }
-    };
-
-    var onloadScripts = function () {
-        if (!jq("#mainProgress").is(":visible")) {
-            return;
-        }
-        jq("#step3").addClass("done").removeClass("current");
+    var onuploaded = function () {
         jq("#beginView, #beginEmbedded").removeClass("disable");
 
         var fileName = jq("#hiddenFileName").val();
@@ -273,7 +253,7 @@ if (typeof jQuery != "undefined") {
 
     jq(document).on("click", "#skipPass", function () {
         jq("#blockPassword").hide();
-        loadScripts();
+        onuploaded();
     });
 
     jq(document).on("click", "#beginEdit:not(.disable)", function () {
@@ -354,7 +334,7 @@ if (typeof jQuery != "undefined") {
         }
 
         jq("#hiddenFileName").val(fileName);
-        jq("#convertStep1").addClass("done");
+        jq("#convertStep1").addClass("error");
         jq("#convertStep2").addClass("waiting");
     });
 
@@ -364,6 +344,7 @@ if (typeof jQuery != "undefined") {
         let fileExt = jq(`#${id}`).attr("data");
         jq(`#${id}`).addClass("orange");
         jq("td[name='convertingTypeButton']").addClass("disable");
+        jq("#convertStep1").removeClass("error").addClass("done");
         jq("#convertStep2").removeClass("waiting").removeClass("done").addClass("current");
         jq("#convertStep2").text('2. File conversion');
         jq("#convert-descr").removeClass("disable");
@@ -581,3 +562,75 @@ function toggleUserDescr(event) {
         else list.classList.add("active");
     }
 }
+
+function toggleContextMenu(event) {
+    let contextMenu = document.querySelector("#mobileContextMenu");
+    let target = event.currentTarget.parentNode.parentNode.cloneNode(true);
+
+    const closeContextMenu = () => {
+        contextMenu.classList.remove("active");
+    }
+    if (contextMenu.classList.contains("active") || !target.classList.contains("tableRow")) {
+        if (event.target.id == "mobileContextMenuBody") closeContextMenu();
+        return;
+    }
+
+    let contextBody = document.querySelector("#mobileContextMenuBody");
+    contextBody.innerHTML = "";
+
+    let startY = 0;
+    let startScroll = 0;
+    contextBody.addEventListener('touchstart', (e) => {
+        startY = e.touches[0].clientY;
+        startScroll = contextBody.scrollTop;
+    });
+    contextBody.addEventListener('touchmove', (e) => {
+        const currentY = e.touches[0].clientY;
+        const diff = currentY - startY;
+
+        if (diff > 10 && (contextBody.scrollTop === 0 || contextBody.scrollTop === startScroll)) {
+            closeContextMenu();
+        }
+    });
+
+    let thead = document.createElement("thead");
+    thead.appendChild(target.children[0]);
+    const observer = new IntersectionObserver( 
+        ([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1),
+        { threshold: [1] }
+    );
+    observer.observe(thead);
+
+    let tbody = document.createElement("tbody");
+    for (let td of Array.from(target.children).slice(0, -1)){
+        if (td.getAttribute("data-section")){
+            let section = document.createElement("tr");
+            section.innerText = td.getAttribute("data-section");
+            section.classList.add("context-section");
+            tbody.appendChild(section);
+        }
+
+        if (td.children.length == 0) continue;
+
+        let action = document.createElement("div");
+        action.innerText = td.children[0].children[0].getAttribute("title");
+        td.children[0].appendChild(action);
+        td.children[0].onclick = () => {
+            setTimeout(() => window.location.reload(), 0);
+        }
+        td.style.display = "block";
+        td.classList.remove("downloadContentCellShift");
+        td.classList.remove("firstContentCellViewers");
+        
+        let tr = document.createElement("tr");
+        tr.appendChild(td);
+        tbody.appendChild(tr);
+    }
+
+    let table = document.createElement("table");
+    table.appendChild(thead);
+    table.appendChild(tbody);
+
+    contextBody.appendChild(table);
+    contextMenu.classList.add("active");
+}

web/documentserver-example/csharp-mvc/Views/Home/Editor.aspx

@@ -14,7 +14,7 @@
     <meta name="mobile-web-app-capable" content="yes" />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -117,6 +117,10 @@
 
         // the meta information of the document is changed via the meta command
         var onMetaChange = function (event) {
+            if (event.data.title !== undefined) {
+                document.title = event.data.title + " - ONLYOFFICE";
+            }
+
             if (event.data.favorite !== undefined) {
                 var favorite = !!event.data.favorite;
                 var title = document.title.replace(/^\☆/g, "");
@@ -358,10 +362,33 @@
                 default:
                     users = <%= usersForMentions %>;
             }
-            docEditor.setUsers({
+            if ((c === "protect" || c === "mention") && users && event.data.count) {
+                let from = event.data.from;
+                let count = event.data.count;
+                let search = event.data.search;
+                if (from != 0) users = [];
+                var resultCount = 234;
+                for (var i = Math.max(users.length, from); i < Math.min(from + count, resultCount); i++){
+                    users.push({
+                        email: "test@test.test" + (i + 1),
+                        id: "id" + (i + 1),
+                        name: "test_" + search + (i + 1)
+                    });
+                }
+            }
+
+            var result = {
                 "c": c,
                 "users": users,
-            });
+            };
+            if (resultCount) {
+                // support v9.0
+                result.total = 1 + (!event.data.count || users.length < event.data.count ? 0 : (event.data.from + event.data.count));
+                // since v9.0.1
+                result.isPaginated = true;
+            }
+
+            docEditor.setUsers(result);
         };
 
         var onRequestSendNotify = function (event) {
@@ -370,6 +397,18 @@
             innerAlert("onRequestSendNotify: " + data);
         };
 
+        var onRequestStartFilling = function(event) {
+            var data = event.data;
+            var submit = confirm("Start filling?\n" + JSON.stringify(data));
+            if (submit) {
+                docEditor.startFilling(true);
+            }
+        };
+
+        var onStartFilling = function(event) {
+            innerAlert("The form is ready to fill out.");
+        };
+
         config = <%= Model.GetDocConfig(Request, Url) %>;
 
         config.width = "100%";
@@ -390,6 +429,8 @@
 
         if (config.editorConfig.user.id) {
             config.events['onRequestRefreshFile'] = onRequestRefreshFile;
+            config.events['onRequestStartFilling'] = onRequestStartFilling;
+            config.events['onStartFilling'] = onStartFilling;
             config.events['onRequestClose'] = onRequestClose;
             // the user is trying to show the document version history
             config.events['onRequestHistory'] = onRequestHistory;
@@ -421,7 +462,7 @@
             config.events['onRequestReferenceSource'] = onRequestReferenceSource;
         }
 
-        var сonnectEditor = function () {
+        var connectEditor = function () {
             docEditor = new DocsAPI.DocEditor("iframeEditor", config);
         };
 
@@ -433,9 +474,9 @@
         };
 
         if (window.addEventListener) {
-            window.addEventListener("load", сonnectEditor);
+            window.addEventListener("load", connectEditor);
         } else if (window.attachEvent) {
-            window.attachEvent("load", сonnectEditor);
+            window.attachEvent("load", connectEditor);
         }
 
     </script>

web/documentserver-example/csharp-mvc/Views/Home/Forgotten.aspx

@@ -14,7 +14,7 @@
     <meta name="server-version" content=<%= DocManagerHelper.GetVersion() %> />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -125,7 +125,7 @@
                 <tbody>
                     <tr>
                         <td>
-                            <a href="http://api.onlyoffice.com/editors/howitworks" target="_blank">API Documentation</a>
+                            <a href="https://api.onlyoffice.com/docs/docs-api/get-started/how-it-works/" target="_blank">API Documentation</a>
                         </td>
                         <td>
                             <a href="mailto:sales@onlyoffice.com">Submit your request</a>

web/documentserver-example/csharp-mvc/Views/Home/Index.aspx

@@ -16,7 +16,7 @@
     <meta name="server-version" content=<%= DocManagerHelper.GetVersion() %> />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -48,13 +48,13 @@
         </div>
         <menu class="responsive-nav">
             <li>
-              <a href="#" onclick="toggleSidePanel(event)">
-                <img src="content/images/mobile-menu.svg" alt="ONLYOFFICE" />
+              <a href="./">
+                <img src ="content/images/mobile-logo.svg" alt="ONLYOFFICE" />
               </a>
             </li>
             <li>
-              <a href="./">
-                <img src ="content/images/mobile-logo.svg" alt="ONLYOFFICE" />
+              <a href="#" onclick="toggleSidePanel(event)">
+                <img src="content/images/mobile-menu.svg" alt="ONLYOFFICE" />
               </a>
             </li>
         </menu>
@@ -127,7 +127,7 @@
                                         <td valign="middle">
                                             <label class="side-option">
                                                 <input id="directUrl" type="checkbox" class="checkbox" />Try opening on client
-                                                <img id="directUrlInfo" class="info info-tooltip" data-id="directUrlInfo" data-tooltip="Some files can be opened in the user's browser without connecting to the document server." src="content/images/info.svg" />
+                                                <img id="directUrlInfo" class="info info-tooltip" data-id="directUrlInfo" data-tooltip="Some files can be opened in the user's browser without connecting to the document server. Open each file in only one way." src="content/images/info.svg" />
                                             </label>
                                         </td>
                                     </tr>
@@ -154,13 +154,18 @@
                             </menu>
                             <% var storedFiles = DocManagerHelper.GetStoredFiles(); %>
                             <div id="portal-info"  style="display: <%= storedFiles.Any() ? "none" : "table-cell" %>">
-                                <span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
+                                <span class="portal-name">Welcome to ONLYOFFICE Docs!</span>
+                                <span class="portal-descr">Get started with a live demo of ONLYOFFICE Docs, a powerful open-source office suite for your browser.</span>
                                 <span class="portal-descr">
-                                    Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors.
-                                    <br /> You may upload your own documents for testing using the "<b>Upload file</b>" button and <b>selecting</b> the necessary files on your PC.
+                                    You can test editing features in real-time and explore multi-user collaboration:
+                                    <ul>
+                                        <li>Create a new Document, Spreadsheet, Presentation, or PDF Form or use the sample files</li>
+                                        <li>Upload your own files to test using the Upload file button</li>
+                                        <li>Select your username and language to simulate different users and environments</li>
+                                        <li>Try real-time collaboration by opening the same document using different users in different Web browser sessions</li>
+                                    </ul>
                                 </span>
-                                <span class="portal-descr">Please do NOT use this integration example on your own server without proper code modifications, it is intended for testing purposes only. In case you enabled this test example, disable it before going for production.</span>
-                                <span class="portal-descr">You can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.</span>
+                                <span class="portal-descr">⚠️ This example is intended for testing purposes only. Do not use it on a production server without proper code modifications. If you have enabled this test demo, please disable it before deploying the editors in production.</span>
                                 <% foreach (User user in Users.getAllUsers())
                                   { %>
                                   <div class="user-descr" onclick="toggleUserDescr(event)">
@@ -199,131 +204,136 @@
                                     <div class="scroll-table-body">
                                         <table cellspacing="0" cellpadding="0" width="100%">
                                             <tbody>
-                                            <% foreach (var storedFile in storedFiles)
-                                               {
-                                                            var isEnabledDirectUrl = DocManagerHelper.GetDirectUrl();
-                                                            var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name);
-                                                            var docType = FileUtility.GetFileType(storedFile.Name).ToString().ToLower();
-                                                            var ext = Path.GetExtension(storedFile.Name).ToLower();
-                                                            var canEdit = DocManagerHelper.EditedExts.Contains(ext);
-                                                            var isFillFormDoc = DocManagerHelper.FillFormExts.Contains(ext);
-                                                        %>
+                                            <% foreach (var storedFile in storedFiles) {
+                                                var isEnabledDirectUrl = DocManagerHelper.GetDirectUrl();
+                                                var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name);
+                                                var docType = FileUtility.GetFileType(storedFile.Name).ToString().ToLower();
+                                                var ext = Path.GetExtension(storedFile.Name).ToLower();
+                                                var actions = FormatManager.GetFormatActions(ext);
+                                            %>
+                                                <tr class="tableRow" title="<%= storedFile.Name %> [<%= DocManagerHelper.GetFileVersion(storedFile.Name, HttpContext.Current.Request.UserHostAddress.Replace(':', '_')) %>]">
+                                                    <td class="contentCells">
+                                                        <a class="stored-edit <%= docType %>" href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                            <span><%= storedFile.Name %></span>
+                                                        </a>
+                                                    </td>
 
-                                                            <tr class="tableRow" title="<%= storedFile.Name %> [<%= DocManagerHelper.GetFileVersion(storedFile.Name, HttpContext.Current.Request.UserHostAddress.Replace(':', '_')) %>]">
-                                                                <td class="contentCells">
-                                                                    <a class="stored-edit <%= docType %>" href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                        <span><%= storedFile.Name %></span>
-                                                                    </a>
+                                                    <!-- 1-2 -->
+                                                    <% if (actions.Contains("edit") || actions.Contains("lossy-edit")) { %>
+                                                        <td class="contentCells contentCells-icon" data-section="EDITOR">
+                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "edit", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                <img src="content/images/edit.svg" alt="Open for full size screens" title="Open for full size screens"/>
+                                                            </a>
+                                                        </td>
+                                                        <td class="contentCells contentCells-icon">
+                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "edit", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                <img src="content/images/mobileEdit.svg" alt="Open for mobile devices" title="Open for mobile devices"/>
+                                                            </a>
+                                                        </td>
+                                                    <% } else { %>
+                                                        <td class="contentCells contentCells-icon" data-section="EDITOR"></td>
+                                                        <td class="contentCells contentCells-icon"></td>
+                                                    <% } %>
+
+                                                    <!-- 3 -->
+                                                    <% if (actions.Contains("comment")) { %>
+                                                        <td class="contentCells contentCells-icon">
+                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "comment", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                <img src="content/images/comment.svg" alt="Open for comment" title="Open for comment"/>
+                                                            </a>
+                                                        </td>
+                                                    <% } else { %>
+                                                        <td class="contentCells contentCells-icon"></td>
+                                                    <% } %>
+
+                                                    <!-- 4-5 -->
+                                                    <% if (actions.Contains("fill")) { %>
+                                                        <td class="contentCells contentCells-icon">
+                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "fillForms", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                <img src="content/images/formsubmit.svg" alt="Open for filling in forms" title="Open for filling in forms"/>
+                                                            </a>
+                                                        </td>
+                                                        <td class="contentCells contentCells-icon contentCells-shift firstContentCellShift">
+                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "fillForms", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                <img src="content/images/mobile-fill-forms.svg" alt="Open for filling in forms for mobile devices" title="Open for filling in forms for mobile devices"/>
+                                                            </a>
+                                                        </td>
+                                                    <% } else { %>
+
+                                                        <!-- 4 -->
+                                                        <% if (actions.Contains("review")) { %>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "review", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                    <img src="content/images/review.svg" alt="Open for review" title="Open for review"/>
+                                                                </a>
+                                                            </td>
+                                                        <% } else if (actions.Contains("customfilter")) { %>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "filter", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                    <img src="content/images/filter.svg" alt="Open without access to change the filter" title="Open without access to change the filter" />
+                                                                </a>
                                                                 </td>
-                                                                <% if (canEdit) { %>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "edit", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                            <img src="content/images/desktop.svg" alt="Open in editor for full size screens" title="Open in editor for full size screens"/>
-                                                                        </a>
-                                                                    </td>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "edit", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                            <img src="content/images/mobile.svg" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
-                                                                        </a>
-                                                                    </td>
-                                                                    <% if (docType != "pdf") { %>
-                                                                        <td class="contentCells contentCells-icon">
-                                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "comment", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                                <img src="content/images/comment.svg" alt="Open in editor for comment" title="Open in editor for comment"/>
-                                                                            </a>
-                                                                        </td>
-                                                                    <% } %>
-                                                                    <% if (docType == "word") { %>
-                                                                        <td class="contentCells contentCells-icon">
-                                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "review", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                                <img src="content/images/review.svg" alt="Open in editor for review" title="Open in editor for review"/>
-                                                                            </a>
-                                                                        </td>
-                                                                    <% } else if (docType == "cell") { %>
-                                                                        <td class="contentCells contentCells-icon">
-                                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "filter", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                                <img src="content/images/filter.svg" alt="Open in editor without access to change the filter" title="Open in editor without access to change the filter" />
-                                                                            </a>
-                                                                         </td>
-                                                                    <% } %>
-                                                                    <% if (docType == "word") { %>
-                                                                        <td class="contentCells contentCells-icon">
-                                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "blockcontent", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                                <img src="content/images/block-content.svg" alt="Open in editor without content control modification" title="Open in editor without content control modification"/>
-                                                                            </a>
-                                                                        </td>
-                                                                    <% } else { %>
-                                                                        <td class="contentCells contentCells-icon"></td>
-                                                                    <% } %>
-                                                                    <% if (docType != "word" && docType != "cell") { %>
-                                                                        <td class="contentCells contentCells-icon "></td>
-                                                                    <% } %>
-                                                                    <% if (isFillFormDoc) { %>
-                                                                        <td class="contentCells contentCells-shift contentCells-icon firstContentCellShift">
-                                                                            <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "fillForms", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                                <img src="content/images/fill-forms.svg" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
-                                                                            </a>
-                                                                        </td>
-                                                                    <% } else { %>
-                                                                        <td class="contentCells contentCells-shift contentCells-icon firstContentCellShift"></td>
-                                                                        <% } %>
-                                                                <% } else if (isFillFormDoc) { %>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                       <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "fillForms", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                           <img src="content/images/mobile-fill-forms.svg" alt="Open in editor for filling in forms for mobile devices" title="Open in editor for filling in forms for mobile devices"/>
-                                                                       </a>
-                                                                    </td>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-shift contentCells-icon firstContentCellShift">
-                                                                       <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "fillForms", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                           <img src="content/images/fill-forms.svg" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
-                                                                       </a>
-                                                                    </td>
-                                                                <% } else { %>
-                                                                    <td class="contentCells contentCells-shift contentCells-icon contentCellsEmpty" colspan="6"></td>
-                                                                <% } %>
-                                                                <td class="contentCells contentCells-icon firstContentCellViewers">
-                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "view", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                        <img src="content/images/desktop.svg" alt="Open in viewer for full size screens" title="Open in viewer for full size screens"/>
-                                                                    </a>
-                                                                </td>
-                                                                <td class="contentCells contentCells-icon">
-                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "view", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                        <img src="content/images/mobile.svg" alt="Open in viewer for mobile devices" title="Open in viewer for mobile devices"/>
-                                                                    </a>
-                                                                </td>
-                                                                <td class="contentCells contentCells-icon contentCells-shift">
-                                                                    <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "embedded", editorsMode = "embedded", directUrl = isEnabledDirectUrl }) %>" target="_blank">
-                                                                        <img src="content/images/embeded.svg" alt="Open in embedded mode" title="Open in embedded mode"/>
-                                                                    </a>
-                                                                </td>
-                                                                <% if (docType != null ) { %>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a class="convert-file" data="<%= storedFile.Name %>" data-type="<%= docType %>">
-                                                                            <img class="icon-action" src="content/images/convert.svg" alt="Convert" title="Convert" /></a>
-                                                                    </td>
-                                                                <% } else { %>
-                                                                    <td class="contentCells contentCells-icon downloadContentCellShift"></td>
-                                                                <% } %>
-                                                                <td class="contentCells contentCells-icon downloadContentCellShift">
-                                                                    <a href="webeditor.ashx?type=download&fileName=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
-                                                                        <img class="icon-download" src="content/images/download.svg" alt="Download" title="Download" />
-                                                                    </a>
-                                                                </td>
-                                                                <td class="contentCells contentCells-icon contentCells-shift">
-                                                                    <a class="delete-file" data-filename="<%= storedFile.Name %>">
-                                                                        <img class="icon-action" src="content/images/delete.svg" alt="Delete" title="Delete" />
-                                                                    </a>
-                                                                </td>
-                                                            </tr>
-                                                    <%  } %>
-                                                </tbody>
-                                            </table>
-                                        </div>
+                                                        <% } else {%>
+                                                            <td class="contentCells contentCells-icon"></td>
+                                                        <% } %>
+
+                                                        <!-- 5 -->
+                                                        <% if (docType == "word") { %>
+                                                            <td class="contentCells contentCells-icon contentCells-shift">
+                                                                <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "blockcontent", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                                    <img src="content/images/block-content.svg" alt="Open without content control modification" title="Open without content control modification"/>
+                                                                </a>
+                                                            </td>
+                                                        <% } else { %>
+                                                            <td class="contentCells contentCells-icon contentCells-shift"></td>
+                                                        <% } %>
+                                                    <% } %>
+
+                                                    <td class="contentCells contentCells-icon firstContentCellViewers" data-section="VIEWERS">
+                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "desktop", editorsMode = "view", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                            <img src="content/images/view.svg" alt="Open for full size screens" title="Open for full size screens"/>
+                                                        </a>
+                                                    </td>
+                                                    <td class="contentCells contentCells-icon">
+                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "mobile", editorsMode = "view", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                            <img src="content/images/mobileView.svg" alt="Open for mobile devices" title="Open for mobile devices"/>
+                                                        </a>
+                                                    </td>
+                                                    <td class="contentCells contentCells-icon contentCells-shift">
+                                                        <a href="<%= Url.Action("Editor", "Home", new { fileName = storedFile.Name, editorsType = "embedded", editorsMode = "embedded", directUrl = isEnabledDirectUrl }) %>" target="_blank">
+                                                            <img src="content/images/embedview.svg" alt="Open in embedded mode" title="Open in embedded mode"/>
+                                                        </a>
+                                                    </td>
+
+                                                    <% if (docType != null ) { %>
+                                                        <td class="contentCells contentCells-icon" data-section="ACTIONS">
+                                                            <a class="convert-file" data="<%= storedFile.Name %>" data-type="<%= docType %>">
+                                                                <img class="icon-action" src="content/images/convert.svg" alt="Convert" title="Convert" /></a>
+                                                        </td>
+                                                    <% } else { %>
+                                                        <td class="contentCells contentCells-icon downloadContentCellShift" data-section="ACTIONS"></td>
+                                                    <% } %>
+                                                    <td class="contentCells contentCells-icon downloadContentCellShift">
+                                                        <a href="webeditor.ashx?type=download&fileName=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
+                                                            <img class="icon-download" src="content/images/download.svg" alt="Download" title="Download" />
+                                                        </a>
+                                                    </td>
+                                                    <td class="contentCells contentCells-icon contentCells-shift">
+                                                        <a class="delete-file" data-filename="<%= storedFile.Name %>">
+                                                            <img class="icon-action" src="content/images/delete.svg" alt="Delete" title="Delete" />
+                                                        </a>
+                                                    </td>
+                                                    <td class="contentCells contentCells-icon">
+                                                        <a href="#" onclick="toggleContextMenu(event)">
+                                                            <img src="content/images/open-context.svg" alt="Open context menu" title="Open context menu" />
+                                                        </a>
+                                                    </td>
+                                                </tr>
+                                            <% } %>
+                                            </tbody>
+                                        </table>
                                     </div>
+                                </div>
                             <% } %>
                         </div>
                     </td>
@@ -362,10 +372,7 @@
                 <span class="errorPass"></span>
                 <br />
             </div>
-            <span id="step3" class="step">3. Loading editor scripts.</span>
-            <span class="step-descr">They are loaded only once, they will be cached on your computer.</span>
             <input type="hidden" name="hiddenFileName" id="hiddenFileName" />
-            <br />
             <span class="progress-descr">Note the speed of all operations depends on your connection quality and server location.</span>
             <br />
             <div class="error-message">
@@ -410,7 +417,7 @@
         </div>
     </div>
 
-    <span id="loadScripts" data-docs="<%= WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.preloader"] %>"></span>
+    <iframe id="iframeScripts" src="<%= WebConfigurationManager.AppSettings["files.docservice.url.site"] + WebConfigurationManager.AppSettings["files.docservice.url.preloader"] %>" width=1 height=1 style="position: absolute; visibility: hidden; top: 0;" ></iframe>
 
     <footer>
         <div class="center">
@@ -418,7 +425,7 @@
                 <tbody>
                     <tr>
                         <td>
-                            <a href="http://api.onlyoffice.com/editors/howitworks" target="_blank">API Documentation</a>
+                            <a href="https://api.onlyoffice.com/docs/docs-api/get-started/how-it-works/" target="_blank">API Documentation</a>
                         </td>
                         <td>
                             <a href="mailto:sales@onlyoffice.com">Submit your request</a>
@@ -432,6 +439,11 @@
         </div>
     </footer>
 
+    <div id="mobileContextMenu" onclick="toggleContextMenu(event)">
+        <div class="context-body" id="mobileContextMenuBody">
+        </div>
+    </div>
+    
     <%: Scripts.Render("~/bundles/jquery", "~/bundles/scripts") %>
 
     <script language="javascript" type="text/javascript">

web/documentserver-example/csharp-mvc/Views/Shared/Error.aspx

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width" />
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/WebEditor.ashx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp-mvc/web.appsettings.config

@@ -1,7 +1,7 @@
 <?xml version="1.0"?>
 <appSettings>
   <clear />
-  <add key="version" value="1.14.0"/>
+  <add key="version" value="1.15.0"/>
 
   <add key="filesize-max" value="52428800"/>
   <add key="storage-path" value=""/>

web/documentserver-example/csharp/App_Themes/forgotten.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -51,8 +51,8 @@
 
 .tableHeader td:last-child, .tableRow td:last-child {
     width: 10%;
-    text-align: center;
-    padding: 0 !important;
+    text-align: right;
+    display: revert;
 }
 
 .tableHeader {
@@ -81,6 +81,11 @@ menu.links {
 
 .scroll-table-body {
     overflow-y: auto;
+    width: 100%;
+}
+
+.scroll-table-body td {
+    padding: 0 !important;
 }
 
 .stored-list {

web/documentserver-example/csharp/App_Themes/images/desktop.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M19 6H5L5 15H19V6ZM5 4C3.89543 4 3 4.89543 3 6V15C3 16.1046 3.89543 17 5 17H10V18H6V20H18V18H14V17H19C20.1046 17 21 16.1046 21 15V6C21 4.89543 20.1046 4 19 4H5Z" fill="#444444"/>
-</svg>

web/documentserver-example/csharp/App_Themes/images/edit.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 19H8.11111L8.84845 18.2627L5.73734 15.1516L5 15.8889V19ZM10.2627 16.8484L19 8.11111V6.55556H17.4444V5H15.8889L7.15155 13.7373L10.2627 16.8484Z" fill="#444444"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/embeded.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="4" y="6" width="16" height="13" rx="1" stroke="#444444" stroke-width="2"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.148 8.69651C13.8858 8.43384 13.4601 8.43384 13.1979 8.69651V8.69651C12.9362 8.95858 12.9362 9.38302 13.1979 9.64509L15.3401 11.7908C15.7296 12.1809 15.7299 12.8126 15.3409 13.2031L13.1967 15.3554C12.9357 15.6173 12.9357 16.041 13.1967 16.3029V16.3029C13.4591 16.5663 13.8855 16.5663 14.1478 16.3029L17.3302 13.1086V13.1086C17.668 12.7702 17.668 12.2222 17.3302 11.8838L14.148 8.69651Z" fill="#444444"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M9.85199 16.3035C10.1142 16.5662 10.5399 16.5662 10.8021 16.3035V16.3035C11.0638 16.0414 11.0638 15.617 10.8021 15.3549L8.65987 13.2092C8.2704 12.8191 8.27006 12.1874 8.65911 11.7969L10.8033 9.64461C11.0643 9.38266 11.0643 8.959 10.8033 8.69706V8.69706C10.5409 8.43371 10.1145 8.43371 9.85218 8.69706L6.66983 11.8914V11.8914C6.33201 12.2298 6.33201 12.7778 6.66983 13.1162L9.85199 16.3035Z" fill="#444444"/>
-</svg>

web/documentserver-example/csharp/App_Themes/images/embedview.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.326 18.6739C13.8912 18.2391 13.8912 17.5342 14.326 17.0994L20.0993 11.3261C20.5341 10.8913 21.239 10.8913 21.6738 11.3261C22.1086 11.7609 22.1086 12.4658 21.6738 12.9006L15.9006 18.6739C15.4658 19.1087 14.7608 19.1087 14.326 18.6739Z" fill="#444444"/>
+<path d="M14.326 5.3261C14.7608 4.8913 15.4658 4.8913 15.9006 5.3261L21.6738 11.0994C22.1086 11.5342 22.1086 12.2391 21.6738 12.6739C21.239 13.1087 20.5341 13.1087 20.0993 12.6739L14.326 6.90063C13.8912 6.46583 13.8912 5.76089 14.326 5.3261Z" fill="#444444"/>
+<path d="M9.67385 5.3261C10.1086 5.76089 10.1086 6.46583 9.67385 6.90063L3.90061 12.6739C3.46582 13.1087 2.76088 13.1087 2.32609 12.6739C1.8913 12.2391 1.8913 11.5342 2.32609 11.0994L8.09933 5.3261C8.53412 4.8913 9.23905 4.8913 9.67385 5.3261Z" fill="#444444"/>
+<path d="M9.67385 18.6739C9.23905 19.1087 8.53412 19.1087 8.09933 18.6739L2.32609 12.9006C1.8913 12.4658 1.8913 11.7609 2.32609 11.3261C2.76088 10.8913 3.46582 10.8913 3.90061 11.3261L9.67385 17.0994C10.1086 17.5342 10.1086 18.2391 9.67385 18.6739Z" fill="#444444"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/icon_vsdx.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5 3.707V15a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V1A.5.5 0 0 1 3 .5h7.293z" fill="#fff" stroke="#BBB"/>
+    <path d="M9.5 1v2.7c0 .28 0 .42.055.527a.5.5 0 0 0 .218.218c.107.055.247.055.527.055H13" stroke="#BBB"/>
+    <path d="M5 8h6v1H5zm0 1h1v1H5zm5 0h1v1h-1zM7 6h2v2H7z" fill="#5951BB"/>
+    <path stroke="#5951BB" d="M4.5 10.5h2v2h-2zm5 0h2v2h-2z"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/mobile-menu.svg

@@ -1,5 +1,3 @@
-<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect width="20" height="2" rx="1" fill="white"/>
-    <rect y="6" width="20" height="2" rx="1" fill="white"/>
-    <rect y="12" width="20" height="2" rx="1" fill="white"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 5C17.6569 5 19 6.34315 19 8V16C19 17.6569 17.6569 19 16 19H8C6.34315 19 5 17.6569 5 16V8C5 6.34315 6.34315 5 8 5H16ZM11 7V17H16L16.1025 16.9951C16.573 16.9472 16.9472 16.573 16.9951 16.1025L17 16V8C17 7.48232 16.6067 7.05621 16.1025 7.00488L16 7H11Z" fill="#EFEFEF"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/mobile.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C6.89543 3 6 3.89543 6 5V19C6 20.1046 6.89543 21 8 21H16C17.1046 21 18 20.1046 18 19V5C18 3.89543 17.1046 3 16 3H8ZM16.8462 6H7.15385V18H16.8462V6ZM10.3846 4H13.6154V5H10.3846V4ZM12 20C12.2974 20 12.5385 19.7761 12.5385 19.5C12.5385 19.2239 12.2974 19 12 19C11.7026 19 11.4615 19.2239 11.4615 19.5C11.4615 19.7761 11.7026 20 12 20Z" fill="#444444"/>
-</svg>

web/documentserver-example/csharp/App_Themes/images/mobileEdit.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 5C4 3.89543 4.89543 3 6 3H15C16.1046 3 17 3.89543 17 5V7H16V6H5V18H16V17H17V19C17 20.1046 16.1046 21 15 21H6C4.89543 21 4 20.1046 4 19V5ZM12 4H9V5H12V4ZM11 19.5C11 19.7761 10.7761 20 10.5 20C10.2239 20 10 19.7761 10 19.5C10 19.2239 10.2239 19 10.5 19C10.7761 19 11 19.2239 11 19.5Z" fill="#444444"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 16H14L14.6464 15.3536L12.6464 13.3536L12 14V16ZM15.3536 14.6464L21 9V8H20V7H19L13.3536 12.6464L15.3536 14.6464Z" fill="#444444"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/mobileView.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 5C4 3.89543 4.89543 3 6 3H15C16.1046 3 17 3.89543 17 5V7H16V6H5V18H16V17H17V19C17 20.1046 16.1046 21 15 21H6C4.89543 21 4 20.1046 4 19V5ZM12 4H9V5H12V4ZM11 19.5C11 19.7761 10.7761 20 10.5 20C10.2239 20 10 19.7761 10 19.5C10 19.2239 10.2239 19 10.5 19C10.7761 19 11 19.2239 11 19.5Z" fill="#444444"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14 8C11.3252 8 8.89946 9.40288 7.10954 11.6815C6.96349 11.8682 6.96349 12.129 7.10954 12.3157C8.89946 14.5971 11.3252 16 14 16C16.6748 16 19.1005 14.5971 20.8905 12.3185C21.0365 12.1318 21.0365 11.871 20.8905 11.6843C19.1005 9.40288 16.6748 8 14 8ZM14.1955 14.9939C12.3863 15.1077 10.8923 13.6166 11.0061 11.8045C11.0995 10.3105 12.3105 9.09949 13.8045 9.00611C15.6137 8.89231 17.1077 10.3834 16.9939 12.1955C16.8976 13.6866 15.6866 14.8976 14.1955 14.9939ZM14.0641 12.998C13.4609 13.0359 12.9625 12.5392 13.0022 11.9359C13.0329 11.4373 13.4375 11.0346 13.9359 11.002C14.5391 10.9641 15.0375 11.4608 14.9978 12.0641C14.9653 12.5645 14.5607 12.9673 14.0641 12.998Z" fill="#444444"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/open-context.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33331 10C4.22665 10 3.33331 10.8933 3.33331 12C3.33331 13.1067 4.22665 14 5.33331 14C6.43998 14 7.33331 13.1067 7.33331 12C7.33331 10.8933 6.43998 10 5.33331 10ZM18.6666 10C17.56 10 16.6666 10.8933 16.6666 12C16.6666 13.1067 17.56 14 18.6666 14C19.7733 14 20.6666 13.1067 20.6666 12C20.6666 10.8933 19.7733 10 18.6666 10ZM12 10C10.8933 10 9.99998 10.8933 9.99998 12C9.99998 13.1067 10.8933 14 12 14C13.1066 14 14 13.1067 14 12C14 10.8933 13.1066 10 12 10Z" fill="#808080"/>
+</svg>

web/documentserver-example/csharp/App_Themes/images/view.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6C8.17879 6 4.71351 8.10432 2.15649 11.5223C1.94784 11.8023 1.94784 12.1935 2.15649 12.4736C4.71351 15.8957 8.17879 18 12 18C15.8212 18 19.2865 15.8957 21.8435 12.4777C22.0522 12.1977 22.0522 11.8065 21.8435 11.5264C19.2865 8.10432 15.8212 6 12 6ZM12.2607 15.9919C9.84844 16.1436 7.8564 14.1554 8.00813 11.7393C8.13264 9.74729 9.74728 8.13265 11.7393 8.00815C14.1516 7.85641 16.1436 9.84456 15.9919 12.2607C15.8635 14.2488 14.2488 15.8635 12.2607 15.9919ZM12.1282 13.9959C10.9219 14.0718 9.92498 13.0783 10.0044 11.8718C10.0658 10.8747 10.8749 10.0691 11.8718 10.0041C13.0781 9.92821 14.075 10.9217 13.9956 12.1282C13.9305 13.1289 13.1215 13.9345 12.1282 13.9959Z" fill="#444444"/>
+</svg>

web/documentserver-example/csharp/App_Themes/media.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -34,15 +34,15 @@
     }
 
     .tableHeaderCellFileName {
-        width: 25%;
+        width: 29%;
     }
 
     .tableHeaderCellEditors {
-        width: 13%;
+        width: 12%;
     }
 
     .tableHeaderCellViewers {
-        width: 18%;
+        width: 15%;
         text-align: right;
     }
 
@@ -84,6 +84,7 @@
     }
 
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 90%;
     }
@@ -142,6 +143,7 @@
 
     .scroll-table-body {
         top: 31px;
+        height: calc(100% - 34px);
     }
 
     footer {
@@ -182,9 +184,14 @@
 
 @media (max-width: 715px) {
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 45%;
     }
+
+    .storedHeaderClearAll {
+        padding-right: 24px;
+    }
 }
 @media (max-width: 670px) and (min-width: 620px){
     .main-panel{
@@ -220,15 +227,15 @@
 
     .tableRow td:first-child {
         flex-grow: 0;
-        width: 15%;
+        width: 26%;
     }
 
     .tableHeaderCellFileName {
-        width: 9%;
+        width: 15%;
     }
 
     .tableHeaderCellEditors {
-        width: 13%;
+        width: 3%;
     }
 
     .tableHeaderCellViewers {
@@ -253,12 +260,12 @@
     }
 
     .tableHeaderCellEditors {
-        width: 15%;
+        width: 13%;
         text-align: left;
     }
 
     .tableHeaderCellFileName {
-        width: 28%;
+        width: 29%;
     }
 
     .tableHeaderCellViewers {
@@ -281,6 +288,7 @@
     }
 
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 75%;
     }
@@ -302,6 +310,10 @@
     .firstContentCellViewers {
         margin-left: 0;
     }
+
+    .storedHeaderClearAll {
+        padding-right: 39px;
+    }
 }
 
 @media (max-width: 890px) and (min-width: 769px ) {
@@ -317,6 +329,7 @@
     }
 
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 95%;
     }
@@ -337,7 +350,7 @@
     }
 
     .tableHeaderCellFileName {
-        width: 20%;
+        width: 22%;
     }
 
     .tableHeaderCellEditors {
@@ -346,18 +359,22 @@
     }
 
     .tableHeaderCellViewers {
-        width: 19%;
+        width: 15%;
     }
 
     .tableHeaderCellAction {
         width: 19%;
         padding-right: 45px;
     }
+
+    .storedHeaderClearAll {
+        padding-right: 30px;
+    }
 }
 
 @media (max-width: 890px) {
     .tableRow td:first-child {
-        max-width: 17%;
+        max-width: 22%;
     }
     #portal-info {
         max-width: 60vw;
@@ -436,61 +453,6 @@
         padding: 16px 0 6px;
     }
 
-    .tableRow,
-    menu.links {
-        width: 40%;
-    }
-
-    .tableRow td {
-        border: none;
-    }
-
-    .firstContentCellShift {
-        border: none;
-        flex-basis: 10%;
-        flex-grow: 1;
-    }
-
-    .downloadContentCellShift {
-        max-width: 7%;
-        margin-right: 24px;
-        margin-left: 0;
-    }
-
-    .contentCells-icon {
-        width: 13%;
-    }
-
-    .tableRow td:last-child {
-        width: 7%;
-        padding-right: 0px;
-        border: none;
-    }
-
-    .contentCells-shift {
-        padding-right: 0px;
-    }
-
-    .downloadContentCellShift:after {
-        width: 85%;
-    }
-
-    .firstContentCellViewers {
-        margin-left: 0;
-        border-bottom: 1px solid #e5e5e5 !important;
-    }
-
-    .firstContentCellViewers ~ td {
-        border-bottom: 1px solid #e5e5e5;
-    }
-    .tableRow td:first-child{
-        border: none;
-        width: 85%;
-    }
-    .contentCellsEmpty{
-        display: none;
-        width: 1%;
-    }
     /* Mobile Upload*/
     .blockUI.blockMsg.blockPage.ui-dialog.ui-widget.ui-corner-all.ui-widget-content.ui-draggable {
         width: 344px !important;
@@ -565,104 +527,7 @@
     }
 }
 
-@media (max-width: 560px) and (min-width: 510px) {
-    .contentCells-icon {
-        width: 13%;
-    }
-
-    .downloadContentCellShift {
-        padding-right: 16px;
-        max-width: 4%;
-    }
-}
-
-@media (max-width: 510px)  and (min-width: 470px) {
-    .tableRow,
-    menu.links {
-        width: 35%;
-    }
-
-    .tableRow td:first-child{
-        width: 83%;
-    }
-    .contentCells-icon {
-        width: 13%;
-    }
-
-    .downloadContentCellShift {
-        max-width: 6%;
-        padding-right: 6px;
-    }
-
-    .firstContentCellShift {
-        flex-basis: 9%;
-    }
-
-    .tableRow td:last-child {
-        padding-right: 28px;
-    }
-}
-
-@media (max-width: 470px)  and (min-width: 420px) {
-    .tableRow,
-    menu.links {
-        width: 30%;
-    }
-    .tableRow td:first-child{
-        width: 85%;
-    }
-    .contentCells-icon {
-        width: 11%;
-    }
-
-    .downloadContentCellShift {
-        max-width: 3%;
-        padding-right: 0px;
-        padding-left: 0;
-    }
-
-    .firstContentCellShift {
-        margin-left: 2px;
-        flex-basis: 14%;
-    }
-
-    .tableRow td:last-child {
-        width: 5%;
-        padding-right: 63px;
-    }
-    .firstContentCellViewers{
-        padding-right: 2px;
-        width: 12%;
-    }
-    .contentCellsEmpty{
-        display: none;
-    }
-}
-
 @media (max-width: 420px) {
-    .tableRow,
-    menu.links {
-        width: 25%;
-    }
-
-    .tableRow td:last-child {
-        width: 6%;
-        padding-right: 16px;
-    }
-
-    .downloadContentCellShift {
-        max-width: 4%;
-        margin-right: 18px;
-        margin-left: -1px;
-    }
-
-    .firstContentCellShift {
-        flex-basis: 2%;
-    }
-
-    .contentCells-icon{
-        width: 12%;
-    }
     footer table td {
         margin: 0;
         padding-right: 5px;
@@ -673,10 +538,6 @@
         padding-right: 5px;
         margin: 0;
     }
-    .firstContentCellViewers{
-        padding-right: 2px;
-        width: 11%;
-    }
 }
 
 @media (max-width: 1160px) {
@@ -685,20 +546,15 @@
     }
 }
 
-@media (min-width: 593px) {
-    .contentCellsEmpty {
-        display: none;
-    }
-}
 @media (max-width: 769px) and (min-width: 715px){
     .tableRow,
+    .storedHeader,
     menu.links {
         width: 50%;
     }
-}
-@media (max-width: 510px) {
-    .tableRow td:first-child{
-        flex-grow: 0;
+
+    .storedHeaderClearAll {
+        padding-right: 26px;
     }
 }
 @media (max-width: 1100px) and (min-width: 890px){
@@ -782,8 +638,8 @@
         margin: 0;
         position: fixed;
         left: 0;
-        height: calc(100% - 124px);
-        z-index:99;
+        height: calc(100% - 44px);
+        z-index: 101;
     }
 
     .left-panel.active {
@@ -893,6 +749,7 @@
 
     .scroll-table-body {
         top: 36px;
+        height: calc(100% - 34px);
     }
 
     .scroll-table-body tr:first-child {
@@ -901,16 +758,37 @@
 
     .tableRow {
         border-bottom: 1px solid #e5e5e5;
-        padding: 16px 0;
+        padding: 12px 0;
         width: 100%;
+        flex-wrap: nowrap;
     }
 
     .tableRow td:first-child {
         width: 100%;
     }
 
+    .tableRow td:last-child {
+        display: block;
+        width: 24px;
+    }
+
+    .contentCells {
+        padding: 0;
+        font-size: 13px;
+    }
+
+    .contentCells-icon {
+        width: auto;
+        display: none;
+    }
+
+    .stored-edit {
+        height: 12px;
+        padding: 6px 0 6px 34px;
+    }
+
     .stored-edit span {
-        font-size: 14px;
+        font-size: 13px;
     }
 
     .header-list {
@@ -918,7 +796,7 @@
     }
 
     .firstContentCellViewers {
-        border-bottom: none !important;
+        margin: 0;
     }
 
     .firstContentCellViewers ~ td {
@@ -953,4 +831,19 @@
     .user-block-table {
         height: auto;
     }
+
+    .upload-panel {
+        padding: 12px 0;
+    }
+    
+    .user-block-table td select {
+        height: 48px;
+        padding-left: 12px;
+        border-radius: 6px;
+        border-color: #aaaaaa;
+    }
+
+    .user-block-table tr:last-child {
+        display: none;
+    }
 }

web/documentserver-example/csharp/App_Themes/stylesheet.css

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -511,10 +511,6 @@ label .checkbox {
     line-height: 150%;
 }
 
-#loadScripts {
-    display: none;
-}
-
 #iframeScripts {
     position: absolute;
     visibility: hidden;
@@ -635,6 +631,11 @@ footer a:hover {
     background-image: url("images/icon_pdf.svg");
 }
 
+.stored-edit.diagram,
+.uploadFileName.diagram {
+    background-image: url("images/icon_vsdx.svg");
+}
+
 .stored-edit span {
     font-size: 12px;
     line-height: 12px;
@@ -755,7 +756,6 @@ footer a:hover {
 
 .contentCells {
 	display: block;
-    border-bottom: 1px solid #EFEFEF;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     padding: 4px;
@@ -848,6 +848,7 @@ footer a:hover {
     position: absolute;
     right: 0;
     top: 71px;
+    height: calc(100% - 130px);
     scrollbar-color: #D0D5DA transparent;
     scrollbar-width: thin;
 }
@@ -918,18 +919,18 @@ html {
     position: relative;
 }
 
-    .tableRow td:first-child {
-        display: flex;
-        flex-grow: 1;
-        max-width: 25%;
-    }
+.tableRow td:first-child {
+    display: flex;
+    flex-grow: 1;
+    max-width: 29%;
+}
 
 .tableHeaderCellFileName {
-    width: 20%;
+    width: 24%;
 }
 
 .tableHeaderCellEditors {
-    width: 20%;
+    width: 17%;
 }
 
 .tableHeaderCellViewers {
@@ -987,3 +988,103 @@ html {
     top: 50%;
     transform: translate(-50%, -50%);
 }
+
+.tableRow td:last-child {
+    display: none;
+}
+
+#mobileContextMenu {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background-color: rgba(51, 51, 51, 0.3);
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+    z-index: 100;
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0s linear 0.4s;
+}
+
+#mobileContextMenu.active {
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.3s ease;
+}
+
+#mobileContextMenu .context-body {
+    width: 100%;
+    max-height: 100%;
+    transform: translateY(100%);
+    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+}
+
+#mobileContextMenu.active .context-body {
+    transform: translateY(0);
+}
+
+#mobileContextMenu table {
+    background-color: white;
+    width: 100%;
+    margin-top: 150px;
+    padding-bottom: 96px;
+}
+
+#mobileContextMenu thead {
+    padding: 12px 16px 0;
+    height: 48px;
+    position: sticky;
+    top: -1px;
+    display: flex;
+    align-items: center;
+    background-color: white;
+}
+
+#mobileContextMenu thead:not(.is-pinned)::after {
+    content: '';
+    position: absolute;
+    left: 16px;
+    right: 16px;
+    bottom: 0px;
+    height: 1px;
+    background: #e2e2e2;
+}
+
+#mobileContextMenu thead.is-pinned {
+    box-shadow: 0px 4px 6px 0px #CCCCCC4D;
+    transition: all 0.4s ease-out;
+}
+
+#mobileContextMenu tbody {
+    padding: 0 16px;
+    display: block
+}
+
+#mobileContextMenu tr {
+    display: block;
+    padding: 12px;
+}
+
+.context-section {
+    padding: 24px 0 6px !important;
+    font-size: 13px;
+    font-weight: 600;
+    color: #808080;
+}
+
+#mobileContextMenu a:not(.stored-edit) {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    text-decoration: none;
+}
+
+#mobileContextMenu img {
+    margin-right: 8px;
+}

web/documentserver-example/csharp/Default.aspx

@@ -17,7 +17,7 @@
     <title>ONLYOFFICE</title>
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -52,13 +52,13 @@
             </div>
             <menu class="responsive-nav">
                 <li>
-                  <a href="#" onclick="toggleSidePanel(event)">
-                    <img src="app_themes/images/mobile-menu.svg" alt="ONLYOFFICE" />
+                  <a href="./">
+                    <img src ="app_themes/images/mobile-logo.svg" alt="ONLYOFFICE" />
                   </a>
                 </li>
                 <li>
-                  <a href="./">
-                    <img src ="app_themes/images/mobile-logo.svg" alt="ONLYOFFICE" />
+                  <a href="#" onclick="toggleSidePanel(event)">
+                    <img src="app_themes/images/mobile-menu.svg" alt="ONLYOFFICE" />
                   </a>
                 </li>
             </menu>
@@ -129,7 +129,7 @@
                                         <td valign="middle">
                                             <label class="side-option">
                                                 <input id="directUrl" type="checkbox" class="checkbox" />Try opening on client
-                                                <img id="directUrlInfo" class="info info-tooltip" data-id="directUrlInfo" data-tooltip="Some files can be opened in the user's browser without connecting to the document server." src="app_themes/images/info.svg" />
+                                                <img id="directUrlInfo" class="info info-tooltip" data-id="directUrlInfo" data-tooltip="Some files can be opened in the user's browser without connecting to the document server. Open each file in only one way." src="app_themes/images/info.svg" />
                                             </label>
                                         </td>
                                     </tr>
@@ -156,13 +156,18 @@
                                     <% } %>
                                 </menu>
                                 <div id="portal-info" style="display: <%= storedFiles.Any() ? "none" : "table-cell" %>">
-                                    <span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
+                                    <span class="portal-name">Welcome to ONLYOFFICE Docs!</span>
+                                    <span class="portal-descr">Get started with a live demo of ONLYOFFICE Docs, a powerful open-source office suite for your browser.</span>
                                     <span class="portal-descr">
-                                        Get started with a demo-sample of ONLYOFFICE Document Editors, the first html5-based editors.
-                                        <br /> You may upload your own documents for testing using the "<b>Upload file</b>" button and <b>selecting</b> the necessary files on your PC.
+                                        You can test editing features in real-time and explore multi-user collaboration:
+                                        <ul>
+                                            <li>Create a new Document, Spreadsheet, Presentation, or PDF Form or use the sample files</li>
+                                            <li>Upload your own files to test using the Upload file button</li>
+                                            <li>Select your username and language to simulate different users and environments</li>
+                                            <li>Try real-time collaboration by opening the same document using different users in different Web browser sessions</li>
+                                        </ul>
                                     </span>
-                                    <span class="portal-descr">Please do NOT use this integration example on your own server without proper code modifications, it is intended for testing purposes only. In case you enabled this test example, disable it before going for production.</span>
-                                    <span class="portal-descr">You can open the same document using different users in different Web browser sessions, so you can check out multi-user editing functions.</span>
+                                    <span class="portal-descr">⚠️ This example is intended for testing purposes only. Do not use it on a production server without proper code modifications. If you have enabled this test demo, please disable it before deploying the editors in production.</span>
                                     <% foreach (User user in Users.getAllUsers())
                                       { %>
                                       <div class="user-descr" onclick="toggleUserDescr(event)">
@@ -207,8 +212,7 @@
                                                         var editUrl = "doceditor.aspx?fileID=" + HttpUtility.UrlEncode(storedFile.Name) + directUrlParam;
                                                         var ext = Path.GetExtension(storedFile.Name).ToLower();
                                                         var docType = DocumentType(storedFile.Name);
-                                                        var canEdit = EditedExts.Contains(ext);
-                                                        var isFillFormDoc = FillFormsExts.Contains(ext);
+                                                        var actions = FormatManager.GetFormatActions(ext);
                                                         %>
 
                                                         <tr class="tableRow" title="<%= storedFile.Name %> [<%= GetFileVersion(storedFile.Name, HttpContext.Current.Request.UserHostAddress.Replace(':','_')) %>]">
@@ -217,98 +221,101 @@
                                                                     <span><%= storedFile.Name %></span>
                                                                 </a>
                                                             </td>
-                                                            <% if (canEdit) { %>
-                                                                <td class="contentCells contentCells-icon">
+
+                                                            <!-- 1-2 -->
+                                                            <% if (actions.Contains("edit") || actions.Contains("lossy-edit")) { %>
+                                                                <td class="contentCells contentCells-icon" data-section="EDITOR">
                                                                     <a href="<%= editUrl + "&editorsType=desktop&editorsMode=edit" %>" target="_blank">
-                                                                        <img src="app_themes/images/desktop.svg" alt="Open in editor for full size screens" title="Open in editor for full size screens"/>
+                                                                        <img src="app_themes/images/edit.svg" alt="Open for full size screens" title="Open for full size screens"/>
                                                                     </a>
                                                                 </td>
                                                                 <td class="contentCells contentCells-icon">
                                                                     <a href="<%= editUrl + "&editorsType=mobile&editorsMode=edit" %>" target="_blank">
-                                                                        <img src="app_themes/images/mobile.svg" alt="Open in editor for mobile devices" title="Open in editor for mobile devices"/>
+                                                                        <img src="app_themes/images/mobileEdit.svg" alt="Open for mobile devices" title="Open for mobile devices"/>
                                                                     </a>
                                                                 </td>
-                                                                <% if (docType != "pdf") { %>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=comment" %>" target="_blank">
-                                                                            <img src="app_themes/images/comment.svg" alt="Open in editor for comment" title="Open in editor for comment"/>
-                                                                        </a>
-                                                                    </td>
-                                                                <% } %>
-                                                                <% if (docType == "word") { %>
+                                                            <% } else { %>
+                                                                <td class="contentCells contentCells-icon" data-section="EDITOR"></td>
+                                                                <td class="contentCells contentCells-icon"></td>
+                                                            <% } %>
+
+                                                            <!-- 3 -->
+                                                            <% if (actions.Contains("comment")) { %>
+                                                                <td class="contentCells contentCells-icon">
+                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=comment" %>" target="_blank">
+                                                                        <img src="app_themes/images/comment.svg" alt="Open for comment" title="Open for comment"/>
+                                                                    </a>
+                                                                </td>
+                                                            <% } else { %>
+                                                                <td class="contentCells contentCells-icon"></td>
+                                                            <% } %>
+
+                                                            <!-- 4-5 -->
+                                                            <% if (actions.Contains("fill")) { %>
+                                                                <td class="contentCells contentCells-icon firstContentCellShift">
+                                                                    <a href="<%= editUrl + "&editorsType=desktop&editorsMode=fillForms" %>" target="_blank">
+                                                                        <img src="app_themes/images/formsubmit.svg" alt="Open for filling in forms" title="Open for filling in forms"/>
+                                                                    </a>
+                                                                </td>
+                                                                <td class="contentCells contentCells-icon contentCells-shift">
+                                                                    <a href="<%= editUrl + "&editorsType=mobile&editorsMode=fillForms" %>" target="_blank">
+                                                                        <img src="app_themes/images/mobile-fill-forms.svg" alt="Open for filling in forms for mobile devices" title="Open for filling in forms for mobile devices"/>
+                                                                    </a>
+                                                                </td>
+                                                            <% } else { %>
+
+                                                                <!-- 4 -->
+                                                                <% if (actions.Contains("review")) { %>
                                                                     <td class="contentCells contentCells-icon">
                                                                         <a href="<%= editUrl + "&editorsType=desktop&editorsMode=review" %>" target="_blank">
-                                                                            <img src="app_themes/images/review.svg" alt="Open in editor for review" title="Open in editor for review"/>
+                                                                            <img src="app_themes/images/review.svg" alt="Open for review" title="Open for review"/>
                                                                         </a>
                                                                     </td>
-                                                                <% } else if (docType == "cell") { %>
+                                                                <% } else if (actions.Contains("customfilter")) { %>
                                                                     <td class="contentCells contentCells-icon">
                                                                         <a href="<%= editUrl + "&editorsType=desktop&editorsMode=filter" %>" target="_blank">
-                                                                            <img src="app_themes/images/filter.svg" alt="Open in editor without access to change the filter" title="Open in editor without access to change the filter" />
+                                                                            <img src="app_themes/images/filter.svg" alt="Open without access to change the filter" title="Open without access to change the filter" />
                                                                         </a>
                                                                     </td>
-                                                                <% } %>
-                                                                <% if (docType == "word") { %>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=blockcontent" %>" target="_blank">
-                                                                            <img src="app_themes/images/block-content.svg" alt="Open in editor without content control modification" title="Open in editor without content control modification"/>
-                                                                        </a>
-                                                                    </td>
-                                                                <% } else{%>
-                                                                    <td class="contentCells contentCells-icon"></td>
-                                                                <%} %>
-                                                                <%if (docType != "word" && docType != "cell"){%>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                <% } %>
-                                                                    <% if (isFillFormDoc) { %>
-                                                                        <td class="contentCells contentCells-shift contentCells-icon firstContentCellShift">
-                                                                            <a href="<%= editUrl + "&editorsType=desktop&editorsMode=fillForms" %>" target="_blank">
-                                                                                <img src="app_themes/images/fill-forms.svg" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
-                                                                            </a>
-                                                                        </td>
                                                                 <% } else { %>
-                                                                    <td class="contentCells contentCells-shift contentCells-icon firstContentCellShift"></td>
+                                                                    <td class="contentCells contentCells-icon"></td>
                                                                 <% } %>
-                                                                <% } else if (isFillFormDoc) { %>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-icon">
-                                                                        <a href="<%= editUrl + "&editorsType=mobile&editorsMode=fillForms" %>" target="_blank">
-                                                                           <img src="app_themes/images/mobile-fill-forms.svg" alt="Open in editor for filling in forms for mobile devices" title="Open in editor for filling in forms for mobile devices"/>
+
+                                                                <!-- 5 -->
+                                                                <% if (actions.Contains("edit") && docType == "word") { %>
+                                                                    <td class="contentCells contentCells-icon contentCells-shift">
+                                                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=blockcontent" %>" target="_blank">
+                                                                            <img src="app_themes/images/block-content.svg" alt="Open without content control modification" title="Open without content control modification"/>
                                                                         </a>
                                                                     </td>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-icon "></td>
-                                                                    <td class="contentCells contentCells-shift contentCells-icon firstContentCellShift">
-                                                                        <a href="<%= editUrl + "&editorsType=desktop&editorsMode=fillForms" %>" target="_blank">
-                                                                            <img src="app_themes/images/fill-forms.svg" alt="Open in editor for filling in forms" title="Open in editor for filling in forms"/>
-                                                                        </a>
-                                                                    </td>
-                                                            <% } else { %>
-                                                                <td class="contentCells contentCells-shift contentCells-icon contentCellsEmpty" colspan="6"></td>
+                                                                <% } else { %>
+                                                                    <td class="contentCells contentCells-icon contentCells-shift"></td>
+                                                                <% } %>
                                                             <% } %>
-                                                            <td class="contentCells contentCells-icon firstContentCellViewers">
+
+                                                            <td class="contentCells contentCells-icon firstContentCellViewers" data-section="VIEWERS">
                                                                 <a href="<%= editUrl + "&editorsType=desktop&editorsMode=view" %>" target="_blank">
-                                                                    <img src="app_themes/images/desktop.svg" alt="Open in viewer for full size screens" title="Open in viewer for full size screens"/>
+                                                                    <img src="app_themes/images/view.svg" alt="Open for full size screens" title="Open for full size screens"/>
                                                                 </a>
                                                             </td>
                                                             <td class="contentCells contentCells-icon">
                                                                 <a href="<%= editUrl + "&editorsType=mobile&editorsMode=view" %>" target="_blank">
-                                                                    <img src="app_themes/images/mobile.svg" alt="Open in viewer for mobile devices" title="Open in viewer for mobile devices"/>
+                                                                    <img src="app_themes/images/mobileView.svg" alt="Open for mobile devices" title="Open for mobile devices"/>
                                                                 </a>
                                                             </td>
                                                             <td class="contentCells contentCells-icon contentCells-shift">
                                                                 <a href="<%= editUrl + "&editorsType=embedded&editorsMode=embedded" %>" target="_blank">
-                                                                    <img src="app_themes/images/embeded.svg" alt="Open in embedded mode" title="Open in embedded mode"/>
+                                                                    <img src="app_themes/images/embedview.svg" alt="Open in embedded mode" title="Open in embedded mode"/>
                                                                 </a>
                                                             </td>
+
                                                             <% if (docType != null ) { %>
-                                                                <td class="contentCells contentCells-icon">
+                                                                <td class="contentCells contentCells-icon" data-section="ACTION">
                                                                     <a class="convert-file" data="<%= storedFile.Name %>" data-type="<%= docType %>">
                                                                         <img class="icon-action" src="app_themes/images/convert.svg" alt="Convert" title="Convert" /></a>
                                                                 </td>
                                                             <% } else { %>
-                                                                <td class="contentCells contentCells-icon downloadContentCellShift"></td>
+                                                                <td class="contentCells contentCells-icon downloadContentCellShift" data-section="ACTION"></td>
                                                             <% } %>
                                                             <td class="contentCells contentCells-icon downloadContentCellShift">
                                                                 <a href="webeditor.ashx?type=download&fileName=<%= HttpUtility.UrlEncode(storedFile.Name) %>">
@@ -320,6 +327,11 @@
                                                                     <img class="icon-action" src="app_themes/images/delete.svg" alt="Delete" title="Delete" />
                                                                 </a>
                                                             </td>
+                                                            <td class="contentCells contentCells-icon">
+                                                                <a href="#" onclick="toggleContextMenu(event)">
+                                                                    <img src="app_themes/images/open-context.svg" alt="Open context menu" title="Open context menu" />
+                                                                </a>
+                                                            </td>
                                                         </tr>
                                                 <%  } %>
                                                 </tbody>
@@ -364,10 +376,7 @@
                     <span class="errorPass"></span>
                     <br />
                 </div>
-                <span id="step3" class="step">3. Loading editor scripts.</span>
-                <span class="step-descr">They are loaded only once, they will be cached on your computer.</span>
                 <input type="hidden" name="hiddenFileName" id="hiddenFileName" />
-                <br />
                 <span class="progress-descr">Note the speed of all operations depends on your connection quality and server location.</span>
                 <br />
                 <div class="error-message">
@@ -412,7 +421,7 @@
         </div>
     </div>
 
-        <span id="loadScripts" data-docs="<%= UrlPreloadScripts %>"></span>
+        <iframe id="iframeScripts" src="<%= UrlPreloadScripts %>" width=1 height=1 style="position: absolute; visibility: hidden; top: 0;" ></iframe>
 
         <footer>
             <div class="center">
@@ -420,7 +429,7 @@
                     <tbody>
                         <tr>
                             <td>
-                                <a href="http://api.onlyoffice.com/editors/howitworks" target="_blank">API Documentation</a>
+                                <a href="https://api.onlyoffice.com/docs/docs-api/get-started/how-it-works/" target="_blank">API Documentation</a>
                             </td>
                             <td>
                                 <a href="mailto:sales@onlyoffice.com">Submit your request</a>
@@ -435,6 +444,11 @@
         </footer>
     </form>
 
+    <div id="mobileContextMenu" onclick="toggleContextMenu(event)">
+        <div class="context-body" id="mobileContextMenuBody">
+        </div>
+    </div>
+
     <script language="javascript" type="text/javascript" src="script/jquery-3.6.4.min.js"></script>
     <script language="javascript" type="text/javascript" src="script/jquery-migrate-3.4.1.min.js"></script>
     <script language="javascript" type="text/javascript" src="script/jquery-ui.min.js"></script>

web/documentserver-example/csharp/Default.aspx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -254,6 +254,7 @@ namespace OnlineEditorsExample
             if (FormatManager.DocumentExtensions().Contains(ext)) return "word";  // word for text document extensions
             if (FormatManager.SpreadsheetExtensions().Contains(ext)) return "cell";  // cell for spreadsheet extensions
             if (FormatManager.PresentationExtensions().Contains(ext)) return "slide";  // slide for presentation extensions
+            if (FormatManager.DiagramExtensions().Contains(ext)) return "diagram";  // diagram for diagram extensions
 
             return "word";  // the default document type is word
         }

web/documentserver-example/csharp/DocEditor.aspx

@@ -15,7 +15,7 @@
     <title><%= FileName + " - ONLYOFFICE" %></title>
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -135,6 +135,10 @@
 
         // the meta information of the document is changed via the meta command
         var onMetaChange = function (event) {
+            if (event.data.title !== undefined) {
+                document.title = event.data.title + " - ONLYOFFICE";
+            }
+
             if (event.data.favorite !== undefined) {
                 var favorite = !!event.data.favorite;
                 var title = document.title.replace(/^\☆/g, "");
@@ -323,10 +327,33 @@
                 default:
                     users = <%= UsersForMentions %>;
             }
-            docEditor.setUsers({
+            if ((c === "protect" || c === "mention") && users && event.data.count) {
+                let from = event.data.from;
+                let count = event.data.count;
+                let search = event.data.search;
+                if (from != 0) users = [];
+                var resultCount = 234;
+                for (var i = Math.max(users.length, from); i < Math.min(from + count, resultCount); i++){
+                    users.push({
+                        email: "test@test.test" + (i + 1),
+                        id: "id" + (i + 1),
+                        name: "test_" + search + (i + 1)
+                    });
+                }
+            }
+
+            var result = {
                 "c": c,
                 "users": users,
-            });
+            };
+            if (resultCount) {
+                // support v9.0
+                result.total = 1 + (!event.data.count || users.length < event.data.count ? 0 : (event.data.from + event.data.count));
+                // since v9.0.1
+                result.isPaginated = true;
+            }
+
+            docEditor.setUsers(result);
         };
 
         var onRequestSendNotify = function (event) {
@@ -335,6 +362,18 @@
             innerAlert("onRequestSendNotify: " + data);
         };
 
+        var onRequestStartFilling = function(event) {
+            var data = event.data;
+            var submit = confirm("Start filling?\n" + JSON.stringify(data));
+            if (submit) {
+                docEditor.startFilling(true);
+            }
+        };
+
+        var onStartFilling = function(event) {
+            innerAlert("The form is ready to fill out.");
+        };
+
         config = <%= DocConfig %>;
 
         config.width = "100%";
@@ -356,6 +395,8 @@
         if (config.editorConfig.user.id) {
             config.events['onRequestRefreshFile'] = onRequestRefreshFile;
             config.events['onRequestClose'] = onRequestClose;
+            config.events['onRequestStartFilling'] = onRequestStartFilling;
+            config.events['onStartFilling'] = onStartFilling;
             config.events['onRequestHistory'] = function (event) {  // the user is trying to show the document version history
 
                 let xhr = new XMLHttpRequest();
@@ -421,7 +462,7 @@
             config.events['onRequestReferenceSource'] = onRequestReferenceSource;
         }
 
-        var сonnectEditor = function () {
+        var connectEditor = function () {
             docEditor = new DocsAPI.DocEditor("iframeEditor", config);
         };
 
@@ -433,9 +474,9 @@
         };
 
         if (window.addEventListener) {
-            window.addEventListener("load", сonnectEditor);
+            window.addEventListener("load", connectEditor);
         } else if (window.attachEvent) {
-            window.attachEvent("load", сonnectEditor);
+            window.attachEvent("load", connectEditor);
         }
 
     </script>

web/documentserver-example/csharp/DocEditor.aspx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -257,6 +257,7 @@ namespace OnlineEditorsExample
                                         {
                                             { "id", !user.id.Equals("uid-0") ? user.id : null },
                                             { "name",  user.name },
+                                            { "roles", user.roles },
                                             { "group", user.group },
                                             { "image", user.avatar ? _Default.GetServerUrl(false) + "/App_Themes/images/"+ user.id + ".png" : null }
                                         }
@@ -294,6 +295,12 @@ namespace OnlineEditorsExample
                                                         { "visible", user.close.visible },
                                                         { "text", user.close.text }
                                                     } : new Dictionary<string, object>{}
+                                            },
+                                            {
+                                                "features", new Dictionary<string, object>
+                                                    {
+                                                        { "featuresTips", user.id.Equals("uid-0") }
+                                                    }
                                             }
                                         }
                                 }
@@ -327,14 +334,14 @@ namespace OnlineEditorsExample
 
                 // get users for mentions
                 List<Dictionary<string, object>> usersData = Users.getUsersForMentions(user.id);
-                UsersForMentions = !user.id.Equals("uid-0") ? jss.Serialize(usersData) : null;
+                UsersForMentions = jss.Serialize(!user.id.Equals("uid-0") ? usersData : null);
 
                 List<Dictionary<string, object>> usersInfo = Users.getUsersInfo(user.id);
                 UsersInfo = jss.Serialize(usersData);
 
                 // get users for protect
                 List<Dictionary<string, object>> usersProtectData = Users.getUsersForProtect(user.id);
-                UsersForProtect = !user.id.Equals("uid-0") ? jss.Serialize(usersProtectData) : null;
+                UsersForProtect = jss.Serialize(!user.id.Equals("uid-0") ? usersProtectData : null);
             }
             catch { }
         }
@@ -365,13 +372,18 @@ namespace OnlineEditorsExample
                 logoConfig.Add("directUrl", DirectImageUrl.ToString());
             }
 
+            var result = new Dictionary<string, object> 
+            {
+                { "images", new List<Dictionary<string, object>>{logoConfig} }
+            };
+
             if (JwtManager.Enabled)  // if the secret key to generate token exists
             {
-                var insImageToken = JwtManager.Encode(logoConfig);  // encode logoConfig into the token
-                logoConfig.Add("token", insImageToken);  // and add it to the logo config
+                var insImageToken = JwtManager.Encode(result);  // encode logoConfig into the token
+                result.Add("token", insImageToken);  // and add it to the logo config
             }
 
-            return logoConfig;
+            return result;
         }
 
         // get a document which will be compared with the current document

web/documentserver-example/csharp/DocumentConverter.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/Forgotten.aspx

@@ -13,7 +13,7 @@
     <title>ONLYOFFICE</title>
     <!--
     *
-    * (c) Copyright Ascensio System SIA 2025
+    * (c) Copyright Ascensio System SIA 2026
     *
     * Licensed under the Apache License, Version 2.0 (the "License");
     * you may not use this file except in compliance with the License.
@@ -126,7 +126,7 @@
                     <tbody>
                         <tr>
                             <td>
-                                <a href="http://api.onlyoffice.com/editors/howitworks" target="_blank">API Documentation</a>
+                                <a href="https://api.onlyoffice.com/docs/docs-api/get-started/how-it-works/" target="_blank">API Documentation</a>
                             </td>
                             <td>
                                 <a href="mailto:sales@onlyoffice.com">Submit your request</a>

web/documentserver-example/csharp/Forgotten.aspx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/FormatManager.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -164,6 +164,20 @@ namespace OnlineEditorsExample
                 .ToList();
         }
 
+        public static List<string> DiagramExtensions()
+        {
+            return Diagrams()
+                .Select(format => format.Extension())
+                .ToList();
+        }
+
+        public static List<Format> Diagrams()
+        {
+            return All()
+                .Where(format => format.Type == "diagram")
+                .ToList();
+        }
+
         public static List<string> AllExtensions()
         {
             return All()
@@ -184,6 +198,13 @@ namespace OnlineEditorsExample
             return cachedFormats;
         }
 
+        public static List<string> GetFormatActions(string extension)
+        {
+            return All()
+                .Find(format => format.Extension() == extension)
+                .Actions;
+        }
+
         private static string GetPath()
         {
             string path = Path.Combine(GetDirectory(), "onlyoffice-docs-formats.json");

web/documentserver-example/csharp/JwtManager.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/OnlineEditorsExample.csproj

@@ -66,18 +66,18 @@
     <Content Include="App_Themes\images\close.svg" />
     <Content Include="App_Themes\images\comment.svg" />
     <Content Include="App_Themes\images\delete.svg" />
-    <Content Include="App_Themes\images\desktop.svg" />
     <Content Include="App_Themes\images\done.svg" />
     <Content Include="App_Themes\images\download.svg" />
-    <Content Include="App_Themes\images\embeded.svg" />
+    <Content Include="App_Themes\images\edit.svg" />
+    <Content Include="App_Themes\images\embedview.svg" />
     <Content Include="App_Themes\images\error.svg" />
     <Content Include="App_Themes\images\file_docx.svg" />
     <Content Include="App_Themes\images\file_docxf.svg" />
     <Content Include="App_Themes\images\file_pptx.svg" />
     <Content Include="App_Themes\images\file_upload.svg" />
     <Content Include="App_Themes\images\file_xlsx.svg" />
-    <Content Include="App_Themes\images\fill-forms.svg" />
     <Content Include="App_Themes\images\filter.svg" />
+    <Content Include="App_Themes\images\formsubmit.svg" />
     <Content Include="App_Themes\images\home.svg" />
     <Content Include="App_Themes\images\icon_docx.svg" />
     <Content Include="App_Themes\images\icon_pptx.svg" />
@@ -85,12 +85,14 @@
     <Content Include="App_Themes\images\info.svg" />
     <Content Include="App_Themes\images\logo.svg" />
     <Content Include="App_Themes\images\mobile-fill-forms.svg" />
-    <Content Include="App_Themes\images\mobile.svg" />
+    <Content Include="App_Themes\images\mobileEdit.svg" />
+    <Content Include="App_Themes\images\mobileView.svg" />
     <Content Include="App_Themes\images\notdone.svg" />
     <Content Include="App_Themes\images\review.svg" />
     <Content Include="App_Themes\images\slide.ico" />
     <Content Include="App_Themes\images\uid-1.png" />
     <Content Include="App_Themes\images\uid-2.png" />
+    <Content Include="App_Themes\images\view.svg" />
     <Content Include="App_Themes\images\word.ico" />
     <Content Include="App_Themes\media.css" />
     <Content Include="Forgotten.aspx" />

web/documentserver-example/csharp/Properties/AssemblyInfo.cs

@@ -7,7 +7,7 @@ using System.Runtime.InteropServices;
 [assembly: AssemblyConfiguration("")]
 [assembly: AssemblyCompany("Ascensio System SIA")]
 [assembly: AssemblyProduct("OnlineEditorsExample")]
-[assembly: AssemblyCopyright("Ascensio System SIA 2025")]
+[assembly: AssemblyCopyright("Ascensio System SIA 2026")]
 [assembly: AssemblyTrademark("")]
 [assembly: AssemblyCulture("")]
 

web/documentserver-example/csharp/README.md

@@ -12,7 +12,7 @@ See the detailed guide to learn how to install Document Server [for Windows](htt
 
 ## Step 2. Download the .Net (C#) code for the editors integration
 
-Download the [.Net (C#) example](https://api.onlyoffice.com/editors/demopreview) from our site.
+Download the [.Net (C#) example](https://api.onlyoffice.com/docs/docs-api/samples/language-specific-examples/) from our site.
 
 To connect the editors to your website, specify the path to the editors installation and the path to the storage folder in the *settings.config* file:
 ```
@@ -21,7 +21,7 @@ To connect the editors to your website, specify the path to the editors installa
 ```
 where the **documentserver** is the name of the server with the ONLYOFFICE Document Server installed and the **storage-path** is the path where files will be created and stored. You can set an absolute path.
 
-If you want to experiment with the editor configuration, modify the [parameters](https://api.onlyoffice.com/editors/advanced) in the *DocEditor.aspx* file.
+If you want to experiment with the editor configuration, modify the [parameters](https://api.onlyoffice.com/docs/docs-api/usage-api/advanced-parameters/) in the *DocEditor.aspx* file.
 
 ## Step 3. Install the prerequisites
 
@@ -81,6 +81,45 @@ In case the example and Document Server are installed on different computers, ma
 
 Make sure that the Document Server in its turn has access to the server with the example installed with the address which you specify instead of **example.com** in the configuration files.
 
+## File API methods used in this example 
+
+The methods described below are available for .Net (C#) test example.
+
+### POST `/webeditor.ashx?type=upload`
+
+|                        |                                                              |
+| ---------------------- | ------------------------------------------------------------ |
+| **Summary**            | Upload file to test example via request                      |
+| **URL**                | /webeditor.ashx?type=upload                                                      |
+| **Method**             | POST                                                         |
+| **Request<br>Headers** | `Content-Type: multipart/form-data`                          |
+| **Request<br>Body**    | `uploadedFile=@<filepath>`<br> `filepath` - file for uploading<br />Multipart body with the file binary contents |
+| **Response**           | **Code:** 200 OK <br />**Content on success:**<br /> `{ "filename": <filename>}`<br />**Content on error:**<br /> `{ "error": "File type is not supported" }` <br /> Or <br /> `{ "error": "File size is incorrect" }` |
+| **Sample**             | `curl -X POST -F uploadedFile=@filename.docx http://localhost/webeditor.ashx?type=upload` |
+
+
+### GET `/webeditor.ashx?type=remove`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Delete one file or all files                                 |
+| **URL**            | /webeditor.ashx?type=remove                                                        |
+| **Method**         | GET                                                       |
+| ****URL Params**** | **Optional:**<br /> `filename=[string]` - file for deleting. <br /> *WARNING! Without this parameter, all files will be deleted* |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `{ "success": true }` |
+| **Sample**         | **Delete one file:**<br />`curl -X GET http://localhost/webeditor.ashx?type=remove&filename=filename.docx`<br />**Delete all files:**<br />`curl -X GET http://localhost/webeditor.ashx?type=remove`<br /> |
+
+
+### GET `/webeditor.ashx?type=files`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Get information about all files                              |
+| **URL**            | /webeditor.ashx?type=files                                                       |
+| **Method**         | GET                                                          |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `[{ "version": <file_version>, "id": <file_id>, "contentLength": <file_size_in_kilobytes>, "pureContentLength": <file_size_in_bytes>, "title": <file_name>, "updated": <last_change_date>}, ..., {...}]` |
+| **Sample**         | `curl -X GET http://localhost/webeditor.ashx?type=files`                        |
+
 ## Important security info
 
 Please keep in mind the following security aspects when you are using test examples:

web/documentserver-example/csharp/TrackManager.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/Users.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -25,14 +25,16 @@ namespace OnlineEditorsExample
         static List<string> descr_user_1 = new List<string>()
         {
             "File author by default",
-            "Doesn’t belong to any group",
+            "Doesn't belong to any group",
             "Can review all the changes",
             "Can perform all actions with comments",
-            "The file favorite state is undefined",
-            "Can create files from templates using data from the editor",
             "Can see the information about all users",
+            "This file isn't marked as favorite",
+            "Can create files from templates using data from the editor",
             "Has an avatar",
-            "Can submit forms"
+            "Can submit forms",
+            "Has no roles",
+            "Can start filling"
         };
 
         static List<string> descr_user_2 = new List<string>()
@@ -40,11 +42,13 @@ namespace OnlineEditorsExample
             "Belongs to Group2",
             "Can review only his own changes or changes made by users with no group",
             "Can view comments, edit his own comments and comments left by users with no group. Can remove his own comments only",
+            "Can see the information about users from Group2 and users who don't belong to any group",
             "This file is marked as favorite",
             "Can create new files from the editor",
-            "Can see the information about users from Group2 and users who don’t belong to any group",
             "Has an avatar",
-            "Can’t submit forms"
+            "Can't submit forms",
+            "Has role 'Anyone'",
+            "Can start filling"
         };
 
         static List<string> descr_user_3 = new List<string>()
@@ -52,33 +56,38 @@ namespace OnlineEditorsExample
             "Belongs to Group3",
             "Can review changes made by Group2 users",
             "Can view comments left by Group2 and Group3 users. Can edit comments left by the Group2 users",
-            "This file isn’t marked as favorite",
-            "Can’t copy data from the file to clipboard",
-            "Can’t download the file",
-            "Can’t print the file",
-            "Can create new files from the editor",
             "Can see the information about Group2 users",
-            "Can’t submit forms",
+            "The file favorite state is undefined",
+            "Can't copy data from the file to clipboard",
+            "Can't download the file",
+            "Can't print the file",
+            "Can create new files from the editor",
             "Can't close history",
-            "Can't restore the file version"
+            "Can't restore the file version",
+            "Can't submit forms",
+            "Has role 'role'",
+            "Can start filling"
         };
 
         static List<string> descr_user_0 = new List<string>()
         {
             "The name is requested when the editor is opened",
-            "Doesn’t belong to any group",
+            "Doesn't belong to any group",
             "Can review all the changes",
             "Can perform all actions with comments",
+            "Can't see anyone's information",
             "The file favorite state is undefined",
             "Can't mention others in comments",
             "Can't create new files from the editor",
-            "Can’t see anyone’s information",
             "Can't rename files from the editor",
             "Can't view chat",
             "Can't protect file",
             "View file without collaboration",
-            "Can’t submit forms",
-            "Can’t refresh outdated file"
+            "Can't refresh outdated file",
+            "Can't submit forms",
+            "Tour of tips when opening a document",
+            "Has empty role",
+            "Can't start filling"
         };
 
         private static List<User> users = new List<User>() {
@@ -90,13 +99,14 @@ namespace OnlineEditorsExample
                     null,
                     new Dictionary<string, object>(),
                     null,
-                    null,
+                    false,
                     new List<string>(),
                     descr_user_1,
                     true,
                     true,
                     new Goback(null, false),
-                    new Close(null, false)
+                    new Close(null, false),
+                    null
                 ),
             new User(
                     "uid-2",
@@ -117,7 +127,8 @@ namespace OnlineEditorsExample
                     false,
                     true,
                     new Goback("Go to Documents",null),
-                    new Close(null, true)
+                    new Close(null, true),
+                    new List<string>() { "Anyone" }
                 ),
             new User(
                     "uid-3",
@@ -132,13 +143,14 @@ namespace OnlineEditorsExample
                         { "remove", new List<string>() { } }
                     },
                     new List<string>() { "group-2" },
-                    false,
+                    null,
                     new List<string>() { "copy", "download", "print" },
                     descr_user_3,
                     false,
                     false,
                     null,
-                    new Close(null, true)
+                    new Close(null, true),
+                    new List<string>() { "role" }
                 ),
             new User(
                     "uid-0",
@@ -154,7 +166,8 @@ namespace OnlineEditorsExample
                     false,
                     false,
                     null,
-                    null
+                    null,
+                    new List<string>()
                 )
         };
 
@@ -248,8 +261,9 @@ namespace OnlineEditorsExample
         public bool avatar;
         public Goback goback;
         public Close close;
+        public List<string> roles;
 
-        public User(string id, string name, string email, string group, List<string> reviewGroups, Dictionary<string, object> commentGroups, List<string> userInfoGroups, bool? favorite, List<string> deniedPermissions, List<string> descriptions, bool templates, bool avatar, Goback goback, Close close)
+        public User(string id, string name, string email, string group, List<string> reviewGroups, Dictionary<string, object> commentGroups, List<string> userInfoGroups, bool? favorite, List<string> deniedPermissions, List<string> descriptions, bool templates, bool avatar, Goback goback, Close close, List<string> roles)
         {
             this.id = id;
             this.name = name;
@@ -265,6 +279,7 @@ namespace OnlineEditorsExample
             this.avatar = avatar;
             this.goback = goback;
             this.close = close;
+            this.roles = roles;
         }
     }
 

web/documentserver-example/csharp/Utils.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/WebEditor.ashx.cs

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/script/forgotten.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/script/formats.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/script/jquery.dropdownToggle.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/csharp/script/jscript.js

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -126,7 +126,7 @@ if (typeof jQuery != "undefined") {
 
         if (!formatManager.isAutoConvertible(posExt)) {
             jq("#step2").addClass("done").removeClass("current");
-            loadScripts();
+            onuploaded();
             return;
         }
 
@@ -182,36 +182,16 @@ if (typeof jQuery != "undefined") {
                     if (response.step && response.step < 100) {
                         checkConvert(filePass, fileType);
                     } else {
+                        jq("#uploadFileName").text(response.filename);
                         jq("#step2").addClass("done").removeClass("current");
-                        loadScripts();
+                        onuploaded();
                     }
                 }
             });
         }, 1000);
     };
 
-    var loadScripts = function () {
-        if (!jq("#mainProgress").is(":visible")) {
-            return;
-        }
-        jq("#step3").addClass("current");
-
-        if (jq("#loadScripts").is(":empty")) {
-            var urlScripts = jq("#loadScripts").attr("data-docs");
-            var frame = '<iframe id="iframeScripts" width=1 height=1 style="position: absolute; visibility: hidden;" ></iframe>';
-            jq("#loadScripts").html(frame);
-            document.getElementById("iframeScripts").onload = onloadScripts;
-            jq("#loadScripts iframe").attr("src", urlScripts);
-        } else {
-            onloadScripts();
-        }
-    };
-
-    var onloadScripts = function () {
-        if (!jq("#mainProgress").is(":visible")) {
-            return;
-        }
-        jq("#step3").addClass("done").removeClass("current");
+    var onuploaded = function () {
         jq("#beginView, #beginEmbedded").removeClass("disable");
 
         var fileName = jq("#hiddenFileName").val();
@@ -273,7 +253,7 @@ if (typeof jQuery != "undefined") {
 
     jq(document).on("click", "#skipPass", function () {
         jq("#blockPassword").hide();
-        loadScripts();
+        onuploaded();
     });
 
     jq(document).on("click", "#beginEdit:not(.disable)", function () {
@@ -354,7 +334,7 @@ if (typeof jQuery != "undefined") {
         }
 
         jq("#hiddenFileName").val(fileName);
-        jq("#convertStep1").addClass("done");
+        jq("#convertStep1").addClass("error");
         jq("#convertStep2").addClass("waiting");
     });
 
@@ -364,6 +344,7 @@ if (typeof jQuery != "undefined") {
         let fileExt = jq(`#${id}`).attr("data");
         jq(`#${id}`).addClass("orange");
         jq("td[name='convertingTypeButton']").addClass("disable");
+        jq("#convertStep1").removeClass("error").addClass("done");
         jq("#convertStep2").removeClass("waiting").removeClass("done").addClass("current");
         jq("#convertStep2").text('2. File conversion');
         jq("#convert-descr").removeClass("disable");
@@ -580,4 +561,76 @@ function toggleUserDescr(event) {
         if (list.classList.contains("active")) list.classList.remove("active");
         else list.classList.add("active");
     }
+}
+
+function toggleContextMenu(event) {
+    let contextMenu = document.querySelector("#mobileContextMenu");
+    let target = event.currentTarget.parentNode.parentNode.cloneNode(true);
+
+    const closeContextMenu = () => {
+        contextMenu.classList.remove("active");
+    }
+    if (contextMenu.classList.contains("active") || !target.classList.contains("tableRow")) {
+        if (event.target.id == "mobileContextMenuBody") closeContextMenu();
+        return;
+    }
+
+    let contextBody = document.querySelector("#mobileContextMenuBody");
+    contextBody.innerHTML = "";
+
+    let startY = 0;
+    let startScroll = 0;
+    contextBody.addEventListener('touchstart', (e) => {
+        startY = e.touches[0].clientY;
+        startScroll = contextBody.scrollTop;
+    });
+    contextBody.addEventListener('touchmove', (e) => {
+        const currentY = e.touches[0].clientY;
+        const diff = currentY - startY;
+
+        if (diff > 10 && (contextBody.scrollTop === 0 || contextBody.scrollTop === startScroll)) {
+            closeContextMenu();
+        }
+    });
+
+    let thead = document.createElement("thead");
+    thead.appendChild(target.children[0]);
+    const observer = new IntersectionObserver( 
+        ([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1),
+        { threshold: [1] }
+    );
+    observer.observe(thead);
+
+    let tbody = document.createElement("tbody");
+    for (let td of Array.from(target.children).slice(0, -1)){
+        if (td.getAttribute("data-section")){
+            let section = document.createElement("tr");
+            section.innerText = td.getAttribute("data-section");
+            section.classList.add("context-section");
+            tbody.appendChild(section);
+        }
+
+        if (td.children.length == 0) continue;
+
+        let action = document.createElement("div");
+        action.innerText = td.children[0].children[0].getAttribute("title");
+        td.children[0].appendChild(action);
+        td.children[0].onclick = () => {
+            setTimeout(() => window.location.reload(), 0);
+        }
+        td.style.display = "block";
+        td.classList.remove("downloadContentCellShift");
+        td.classList.remove("firstContentCellViewers");
+        
+        let tr = document.createElement("tr");
+        tr.appendChild(td);
+        tbody.appendChild(tr);
+    }
+
+    let table = document.createElement("table");
+    table.appendChild(thead);
+    table.appendChild(tbody);
+
+    contextBody.appendChild(table);
+    contextMenu.classList.add("active");
 }

web/documentserver-example/csharp/settings.config

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <appSettings>
   <clear />
-  <add key="version" value="1.14.0"/>
+  <add key="version" value="1.15.0"/>
 
   <add key="filesize-max" value="52428800"/>
   <add key="storage-path" value=""/>

web/documentserver-example/go/README.md

@@ -13,7 +13,7 @@ See the detailed guide to learn how to install Document Server [for Windows](htt
 
 ### Step 2. Download the Go code for the editors integration
 
-Download the [Go example](https://api.onlyoffice.com/editors/demopreview) from our site.
+Download the [Go example](https://api.onlyoffice.com/docs/docs-api/samples/language-specific-examples/) from our site.
 
 To connect the editors to your website, specify the path to the editors installation, server protocol, address and port  in the *configuration.env* file:
 
@@ -31,7 +31,7 @@ JWT_HEADER=Authorization
 where the **documentserver** is the name of the server with the ONLYOFFICE Document Server installed.
 **address** is the address of the server, **port** is the server port.
 
-If you want to experiment with the editor configuration, modify the [parameters](https://api.onlyoffice.com/editors/advanced) it the *templates/editor.html* file.
+If you want to experiment with the editor configuration, modify the [parameters](https://api.onlyoffice.com/docs/docs-api/usage-api/advanced-parameters/) it the *templates/editor.html* file.
 
 ### Step 3. Install the prerequisites
 To run the Go example code, install the Go compiler:
@@ -79,3 +79,51 @@ Also, [specify the same secret key](https://helpcenter.onlyoffice.com/installati
 ### Step 7. Check accessibility
 
  In case the example and Document Server are installed on different computers, make sure that your server with the example installed has access to the Document Server with the address which you specify instead of **documentserver** in the configuration files.
+
+## File API methods used in this example 
+
+The methods described below are available for Go test example.
+
+### POST `/upload`
+
+|                        |                                                              |
+| ---------------------- | ------------------------------------------------------------ |
+| **Summary**            | Upload file to test example via request                      |
+| **URL**                | /upload                                                      |
+| **Method**             | POST                                                         |
+| **Request<br>Headers** | `Content-Type: multipart/form-data`                          |
+| **Request<br>Body**    | `uploadedFile=@<filepath>`<br> `filepath` - file for uploading<br />Multipart body with the file binary contents |
+| **Response**           | **Code:** 200 OK <br />**Content on success:**<br /> `{ "filename": <filename>}`<br />**Content on error:**<br /> `{ "error": "File type is not supported" }` <br /> Or <br /> `{ "error": "File size is incorrect" }` |
+| **Sample**             | `curl -X POST -F uploadedFile=@filename.docx http://localhost/upload` |
+
+
+### GET `/remove`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Delete one file                                  |
+| **URL**            | /remove                                                        |
+| **Method**         | GET                                                       |
+| ****URL Params**** | `filename=[string]` - file for deleting. |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `{ "success": true }` |
+| **Sample**         | `curl -X GET http://localhost/remove?filename=filename.docx` |
+
+### DELETE `/remove`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Delete all files                                 |
+| **URL**            | /remove                                                        |
+| **Method**         | DELETE                                                       |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `{ "success": true }` |
+| **Sample**         |`curl -X DELETE http://localhost/remove` |
+
+### GET `/files`
+
+|                    |                                                              |
+| ------------------ | ------------------------------------------------------------ |
+| **Summary**        | Get information about all files                              |
+| **URL**            | /files                                                       |
+| **Method**         | GET                                                          |
+| **Response**       | **Code:** 200 OK <br /> **Success:**<br /> `[{ "version": <file_version>, "id": <file_id>, "contentLength": <file_size_in_kilobytes>, "pureContentLength": <file_size_in_bytes>, "title": <file_name>, "updated": <last_change_date>}, ..., {...}]` |
+| **Sample**         | `curl -X GET http://localhost/files`                        |

web/documentserver-example/go/config/configuration.json

@@ -1,5 +1,5 @@
 {
-  "VERSION": "1.14.0",
+  "VERSION": "1.15.0",
 
   "SERVER_ADDRESS" : "",
   "SERVER_PORT" : 3000,

web/documentserver-example/go/config/models.go

@@ -1,32 +0,0 @@
-/**
- *
- * (c) Copyright Ascensio System SIA 2025
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-package config
-
-type Extensions struct {
-	Viewed    []string `json:"viewed"`
-	Edited    []string `json:"edited"`
-	Converted []string `json:"converted"`
-	Filled    []string `json:"filled"`
-}
-
-type ExtensionTypes struct {
-	Spreadsheet  []string `json:"spreadsheet"`
-	Presentation []string `json:"presentation"`
-	Document     []string `json:"document"`
-	Pdf          []string `json:"pdf"`
-}

web/documentserver-example/go/config/module.go

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -22,7 +22,6 @@ import (
 	"runtime"
 	"time"
 
-	"github.com/ONLYOFFICE/document-server-integration/utils"
 	"github.com/spf13/viper"
 	"go.uber.org/fx"
 )
@@ -47,11 +46,6 @@ type ApplicationConfig struct {
 	Languages                map[string]string `mapstructure:"LANGUAGES"`
 }
 
-type SpecificationConfig struct {
-	Extensions     Extensions     `mapstructure:"extensions"`
-	ExtensionTypes ExtensionTypes `mapstructure:"extension_types"`
-}
-
 func NewConfiguration() (app_config ApplicationConfig, err error) {
 	_, b, _, _ := runtime.Caller(0)
 	basepath := filepath.Dir(b)
@@ -76,32 +70,6 @@ func NewConfiguration() (app_config ApplicationConfig, err error) {
 	return
 }
 
-func NewSpecification() (specification SpecificationConfig, err error) {
-	fm, err := utils.NewFormatManager()
-	if err != nil {
-		return SpecificationConfig{}, err
-	}
-
-	exts := Extensions{
-		fm.GetViewedExtensions(),
-		fm.GetEditedExtensions(),
-		fm.GetConvertedExtensions(),
-		fm.GetFilledExtensions(),
-	}
-	extTypes := ExtensionTypes{
-		fm.GetSpreadsheetExtensions(),
-		fm.GetPresentationExtensions(),
-		fm.GetDocumentExtensions(),
-		fm.GetPdfExtensions(),
-	}
-	specification = SpecificationConfig{
-		exts,
-		extTypes,
-	}
-	return
-}
-
 var ConfigurationModule = fx.Options(
 	fx.Provide(NewConfiguration),
-	fx.Provide(NewSpecification),
 )

web/documentserver-example/go/go.mod

@@ -1,9 +1,9 @@
 module github.com/ONLYOFFICE/document-server-integration
 
-go 1.21
+go 1.23.10
 
 require (
-	github.com/golang-jwt/jwt v3.2.2+incompatible
+	github.com/golang-jwt/jwt/v5 v5.3.0
 	github.com/gorilla/mux v1.8.1
 	github.com/gorilla/schema v1.4.1
 	github.com/mitchellh/mapstructure v1.5.0

web/documentserver-example/go/go.sum

@@ -6,8 +6,8 @@ github.com/frankban/quicktest v1.14.6 h1:7Xjx+VpznH+oBnejlPUj8oUpdxnVs4f8XU8WnHk
 github.com/frankban/quicktest v1.14.6/go.mod h1:4ptaffx2x8+WTWXmUCuVU6aPUX1/Mz7zb5vbUoiM6w0=
 github.com/fsnotify/fsnotify v1.7.0 h1:8JEhPFa5W2WU7YfeZzPNqzMP6Lwt7L2715Ggo0nosvA=
 github.com/fsnotify/fsnotify v1.7.0/go.mod h1:40Bi/Hjc2AVfZrqy+aj+yEI+/bRxZnMJyTJwOpGvigM=
-github.com/golang-jwt/jwt v3.2.2+incompatible h1:IfV12K8xAKAnZqdXVzCZ+TOjboZ2keLg81eXfW3O+oY=
-github.com/golang-jwt/jwt v3.2.2+incompatible/go.mod h1:8pz2t5EyA70fFQQSrl6XZXzqecmYZeUEB8OUGHkxJ+I=
+github.com/golang-jwt/jwt/v5 v5.3.0 h1:pv4AsKCKKZuqlgs5sUmn4x8UlGa0kEVt/puTpKx9vvo=
+github.com/golang-jwt/jwt/v5 v5.3.0/go.mod h1:fxCRLWMO43lRc8nhHWY6LGqRcf+1gQWArsqaEUEa5bE=
 github.com/google/go-cmp v0.5.9 h1:O2Tfq5qg4qc4AmwVlvv0oLiVAGB7enBSJ2x2DqQFi38=
 github.com/google/go-cmp v0.5.9/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
 github.com/gorilla/mux v1.8.1 h1:TuBL49tXwgrFYWhqrNgrUNEY92u81SPhu7sTdzQEiWY=

web/documentserver-example/go/main.go

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/go/server/api/config.go

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/go/server/api/default/api.go

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -31,20 +31,18 @@ import (
 )
 
 type DefaultServerEndpointsHandler struct {
-	logger        *zap.SugaredLogger
-	config        config.ApplicationConfig
-	specification config.SpecificationConfig
+	logger *zap.SugaredLogger
+	config config.ApplicationConfig
 	*handlers.CallbackRegistry
 	*managers.Managers
 }
 
 func NewDefaultServerEndpointsHandler(logger *zap.SugaredLogger, config config.ApplicationConfig,
-	spec config.SpecificationConfig, reg *handlers.CallbackRegistry,
+	reg *handlers.CallbackRegistry,
 	managers *managers.Managers) api.ServerEndpointsHandler {
 	return &DefaultServerEndpointsHandler{
 		logger,
 		config,
-		spec,
 		reg,
 		managers,
 	}
@@ -64,6 +62,15 @@ func generateUrl(r *http.Request) string {
 }
 
 var decoder = schema.NewDecoder()
-var indexTemplate = template.Must(template.ParseFiles("templates/index.html"))
+var indexTemplate = template.Must(template.New("index.html").Funcs(template.FuncMap{
+	"contains": func(slice []string, item string) bool {
+		for _, s := range slice {
+			if s == item {
+				return true
+			}
+		}
+		return false
+	},
+}).ParseFiles("templates/index.html"))
 var forgottenTemplate = template.Must(template.ParseFiles("templates/forgotten.html"))
 var editorTemplate = template.Must(template.ParseFiles("templates/editor.html"))

web/documentserver-example/go/server/api/default/callback.go

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

web/documentserver-example/go/server/api/default/config.go

@@ -1,6 +1,6 @@
 /**
  *
- * (c) Copyright Ascensio System SIA 2025
+ * (c) Copyright Ascensio System SIA 2026
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -27,7 +27,7 @@ import (
 	"github.com/ONLYOFFICE/document-server-integration/server/managers"
 	"github.com/ONLYOFFICE/document-server-integration/server/models"
 	"github.com/ONLYOFFICE/document-server-integration/server/shared"
-	"github.com/golang-jwt/jwt"
+	"github.com/golang-jwt/jwt/v5"
 )
 
 func (srv *DefaultServerEndpointsHandler) Config(w http.ResponseWriter, r *http.Request) {
@@ -73,9 +73,9 @@ func (srv *DefaultServerEndpointsHandler) Config(w http.ResponseWriter, r *http.
 			),
 			Mode: "edit",
 		},
-		StandardClaims: jwt.StandardClaims{
-			ExpiresAt: time.Now().Add(time.Minute * srv.config.JwtExpiresIn).Unix(),
-			IssuedAt:  time.Now().Unix(),
+		RegisteredClaims: jwt.RegisteredClaims{
+			ExpiresAt: jwt.NewNumericDate(time.Now().Add(time.Minute * srv.config.JwtExpiresIn)),
+			IssuedAt:  jwt.NewNumericDate(time.Now()),
 		},
 	}