From 96a5948c927e7ce2729586f7c9d7e625da7366f3 Mon Sep 17 00:00:00 2001 From: SuriyaprakasamR Date: Sun, 6 Sep 2026 20:10:36 +0530 Subject: [PATCH 1/6] 1052603: Document the custom colors feature for track changes --- .../asp-net-core/track-changes.md | 17 +++++++++++++++++ .../asp-net-mvc/track-changes.md | 18 ++++++++++++++++++ .../document-editor.cs | 5 +++++ .../track-changes-revision-colors/razor | 5 +++++ .../track-changes-revision-colors/tagHelper | 4 ++++ .../document-editor.cs | 5 +++++ .../track-changes-revision-colors/razor | 4 ++++ .../track-changes-revision-colors/tagHelper | 4 ++++ 8 files changed, 62 insertions(+) create mode 100644 Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/document-editor.cs create mode 100644 Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor create mode 100644 Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper create mode 100644 Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/document-editor.cs create mode 100644 Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor create mode 100644 Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md b/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md index 460f4b1547..042060c9a8 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md @@ -123,6 +123,23 @@ container.documentEditor.selection.navigateNextRevision(); container.documentEditor.selection.navigatePreviousRevision(); ``` +## Custom Colors for Track Changes + +You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. +Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. +If there are more authors than colors, the assignment starts again from the beginning of the array. + +The following example illustrates how to set the color order for track changes in the DOCX Editor + +{% tabs %} +{% highlight cshtml tabtitle="CSHTML" %} +{% include code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper %} +{% endhighlight %} +{% highlight c# tabtitle="Track-changes-revision-colors.cs" %} +{% include code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/document-editor.cs %} +{% endhighlight %} +{% endtabs %} + ## Filtering changes based on user In DocumentEditor, we have built-in review panel in which we have provided support for filtering changes based on the user. diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md index 591d1c42d6..1cd4f19eb4 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md @@ -118,6 +118,24 @@ container.documentEditor.selection.navigateNextRevision(); container.documentEditor.selection.navigatePreviousRevision(); ``` +## Custom Colors for Track Changes + +You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. +Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. +If there are more authors than colors, the assignment starts again from the beginning of the array. + +The following example illustrates how to set the color order for track changes in the DOCX Editor + +{% tabs %} +{% highlight razor tabtitle="CSHTML" %} +{% include code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor %} +{% endhighlight %} +{% highlight c# tabtitle="Track-changes-revision-colors.cs" %} +{% include code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/document-editor.cs %} +{% endhighlight %} +{% endtabs %} + + ## Filtering changes based on user The DOCX Editor has a built-in review panel that supports filtering changes by user. diff --git a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/document-editor.cs b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/document-editor.cs new file mode 100644 index 0000000000..cca48eedf9 --- /dev/null +++ b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/document-editor.cs @@ -0,0 +1,5 @@ + public ActionResult Default() + { + return View(); + } + diff --git a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor new file mode 100644 index 0000000000..58c317b44b --- /dev/null +++ b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor @@ -0,0 +1,5 @@ +@Html.EJS().DocumentEditorContainer("container").EnableTrackChanges(true).DocumentEditorSettings("settings").Render() + + diff --git a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper new file mode 100644 index 0000000000..0d6b26a23e --- /dev/null +++ b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper @@ -0,0 +1,4 @@ + + diff --git a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/document-editor.cs b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/document-editor.cs new file mode 100644 index 0000000000..cca48eedf9 --- /dev/null +++ b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/document-editor.cs @@ -0,0 +1,5 @@ + public ActionResult Default() + { + return View(); + } + diff --git a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor new file mode 100644 index 0000000000..affe83e33c --- /dev/null +++ b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor @@ -0,0 +1,4 @@ +@Html.EJS().DocumentEditorContainer("container").EnableTrackChanges(true).DocumentEditorSettings("settings").Render() + \ No newline at end of file diff --git a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper new file mode 100644 index 0000000000..0d6b26a23e --- /dev/null +++ b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper @@ -0,0 +1,4 @@ + + From 1a1216576043c3c09bd8d4a58e0af52242194569 Mon Sep 17 00:00:00 2001 From: Vellaisamy Auvudaiappan Date: Mon, 7 Sep 2026 13:38:25 +0530 Subject: [PATCH 2/6] 1052603-changed to single line in track-changes.md file --- .../Word/Word-Processor/asp-net-core/track-changes.md | 4 +--- .../Word/Word-Processor/asp-net-mvc/track-changes.md | 4 +--- 2 files changed, 2 insertions(+), 6 deletions(-) diff --git a/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md b/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md index 042060c9a8..5e94ba51ab 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md +++ b/Document-Processing/Word/Word-Processor/asp-net-core/track-changes.md @@ -125,9 +125,7 @@ container.documentEditor.selection.navigatePreviousRevision(); ## Custom Colors for Track Changes -You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. -Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. -If there are more authors than colors, the assignment starts again from the beginning of the array. +You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. If there are more authors than colors, the assignment starts again from the beginning of the array. The following example illustrates how to set the color order for track changes in the DOCX Editor diff --git a/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md b/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md index 1cd4f19eb4..fa8b62be6c 100644 --- a/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md +++ b/Document-Processing/Word/Word-Processor/asp-net-mvc/track-changes.md @@ -120,9 +120,7 @@ container.documentEditor.selection.navigatePreviousRevision(); ## Custom Colors for Track Changes -You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. -Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. -If there are more authors than colors, the assignment starts again from the beginning of the array. +You can set an array of colors to show track changes such as insertions and deletions in the DOCX editor. Each author is assigned a color in order: the first author gets the first color, the second author gets the next, and so on. If there are more authors than colors, the assignment starts again from the beginning of the array. The following example illustrates how to set the color order for track changes in the DOCX Editor From 21a97c92b289a88a8d837a0204ffb16de122b1f7 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Thu, 10 Sep 2026 14:11:24 +0530 Subject: [PATCH 3/6] Enhance document editor with toolbar and colors Updated the document editor container to include a toolbar and dynamic revision colors. --- .../track-changes-revision-colors/tagHelper | 25 ++++++++++++++++--- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper index 0d6b26a23e..a91f9759bd 100644 --- a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper +++ b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/tagHelper @@ -1,4 +1,21 @@ - - +
+ + +
+ +@section Scripts { + +} From 076f6d36782b21e371512057c8579579f720c7ac Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Thu, 10 Sep 2026 14:12:01 +0530 Subject: [PATCH 4/6] Enhance document editor with toolbar and revision colors Updated the document editor container to include a toolbar and dynamic revision color settings. --- .../track-changes-revision-colors/tagHelper | 25 ++++++++++++++++--- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper index 0d6b26a23e..a91f9759bd 100644 --- a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper +++ b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/tagHelper @@ -1,4 +1,21 @@ - - +
+ + +
+ +@section Scripts { + +} From d8b6126a1faf20fc6ebb92c587540539dbe54026 Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Thu, 10 Sep 2026 14:24:44 +0530 Subject: [PATCH 5/6] Update DocumentEditorContainer with dynamic revision colors Updated the RAZOR for the Revision Color settings. --- .../track-changes-revision-colors/razor | 25 ++++++++++++++++--- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor index 58c317b44b..ed83f1a477 100644 --- a/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor +++ b/Document-Processing/code-snippet/document-editor/asp-net-core/document-editor-container/track-changes-revision-colors/razor @@ -1,5 +1,22 @@ -@Html.EJS().DocumentEditorContainer("container").EnableTrackChanges(true).DocumentEditorSettings("settings").Render() - +
+ + @Html.EJS().DocumentEditorContainer("container") + .EnableTrackChanges(true) + .EnableToolbar(true) + .Height("590px") + .Render() +
+@section Scripts { + +} From 88a648c767a0d36cb1cd1722defd021a5d03dd9f Mon Sep 17 00:00:00 2001 From: suriyaprakasamr Date: Thu, 10 Sep 2026 14:25:13 +0530 Subject: [PATCH 6/6] Enhance DocumentEditorContainer with toolbar and colors Updated DocumentEditorContainer to include toolbar and height settings. Modified revision colors for dynamic application. --- .../track-changes-revision-colors/razor | 26 ++++++++++++++++--- 1 file changed, 22 insertions(+), 4 deletions(-) diff --git a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor index affe83e33c..ed83f1a477 100644 --- a/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor +++ b/Document-Processing/code-snippet/document-editor/asp-net-mvc/document-editor-container/track-changes-revision-colors/razor @@ -1,4 +1,22 @@ -@Html.EJS().DocumentEditorContainer("container").EnableTrackChanges(true).DocumentEditorSettings("settings").Render() - \ No newline at end of file +
+ + @Html.EJS().DocumentEditorContainer("container") + .EnableTrackChanges(true) + .EnableToolbar(true) + .Height("590px") + .Render() +
+ +@section Scripts { + +}