How to hide the trackchanges?

3 posts, 0 answers
  1. Hongmin
    Hongmin avatar
    2 posts
    Member since:
    Jul 2014

    Posted 14 Jul 2014 Link to this post

    Is there any button to hide the trackchanges temporarily?  I want to review the clean content after edit. Those tracks make the content mess although I need it later. Just like MS word, a button can show or hide those tracks?  

  2. Ianko
    Ianko avatar
    1510 posts

    Posted 17 Jul 2014 Link to this post


    There is no such tool, that could toggle the visibility of the track changes elements.

    You can implement a custom tool that adds a style rule to show and hide element based on the DOM elements created by the track Changes feature.

    The following custom tool shows how the required functionality could be implemented:

    <telerik:RadEditor ID="RadEditor1" runat="server" ContentFilters="DefaultFilters,PdfExportFilter" EnableTrackChanges="true">
         <TrackChangesSettings Author="RadEditorUser" CanAcceptTrackChanges="true" UserCssId="reU0">
                <telerik:EditorTool Name="AcceptTrackChange"/>
                <telerik:EditorTool Name="RejectTrackChange"/>
                <telerik:EditorTool Name="AcceptAllTrackChanges"/>
                <telerik:EditorTool Name="RejectAllTrackChanges"/>
                <telerik:EditorTool Name="EnableTrackChangesOverride"/>
                <%-- Custom tool to show and hide the tracking --%>
                <telerik:EditorSplitButton Name="HideShowTracking" Text="Hide/Show Tracking" ShowText="true" ShowIcon="false">
                    <telerik:EditorDropDownItem Name="Hide" Value="Hide"/>
                    <telerik:EditorDropDownItem Name="Show" Value="Show"/>
                <%-- End --%>
            <telerik:EditorCssFile Value="Styles/Styles.css" />
     <script type="text/javascript">
        Telerik.Web.UI.Editor.CommandList["HideShowTracking"] = function (commandName, editor, args) {
            var $ = $telerik.$,
                contentArea = $(editor.get_contentArea()),
                trackedElements = contentArea.find("del.reFormat, ins.reFormat"),
                userCssId = editor.get_userCssId();
            if (args.get_value() === "Hide") {
            } else {

    ins.hideTrackChanges.reFormat {
    del.hideTrackChanges {


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. Telerik UI for ASP.NET Core is out
  4. Hongmin
    Hongmin avatar
    2 posts
    Member since:
    Jul 2014

    Posted 18 Jul 2014 in reply to Ianko Link to this post

    Got it!. That is very useful.

    Thanks a lot!

Back to Top