EditablePreviewEnabled Function

Enables the Highlight Editing Fields action.

Declaration

export var EditablePreviewEnabled: ko.Observable<boolean>

Returns

Type	Description
boolean	True to enable the Highlight Editing Fields action; otherwise, false.

Remarks

Set the EditablePreviewEnabled property to false to disable the action that highlights editable fields. For more information on editable fields, review the following topic: Edit Content in Print Preview.

You can handle the ASPxClientWebDocumentViewer.CustomizeElements event and specify the EditablePreviewEnabled setting to remove the Highlight Editing Fields action in the Document Viewer:

ASP.NET Web Forms

<dx:ASPxWebDocumentViewer ID="ASPxWebDocumentViewer1" runat="server">
    <ClientSideEvents CustomizeElements = "function(s, e) {
        DevExpress.Reporting.Viewer.Settings.EditablePreviewEnabled(true);}" />
</dx:ASPxWebDocumentViewer>

ASP.NET MVC

@Html.DevExpress().WebDocumentViewer(settings => {
    settings.Name = "WebDocumentViewer1";
    settings.ClientSideEvents.CustomizeElements = 
        "function(s, e){ DevExpress.Reporting.Viewer.Settings.EditablePreviewEnabled(true); }";
}).Bind("TestReport").GetHtml()

ASP.NET Core

<script type="text/javascript" id="script">
    function configureViewer(s, e) {
    DevExpress.Reporting.Viewer.Settings.EditablePreviewEnabled(true);
    }
</script>

@{
    var documentViewer = Html.DevExpress().WebDocumentViewer("webDocumentViewer1").Height("1000px");
    documentViewer.Bind("TestReport");
    documentViewer.ClientSideEvents(configure => { configure.CustomizeElements("configureViewer"); });
}
@documentViewer

EditablePreviewEnabled(true)

EditablePreviewEnabled(false)