Back to Devexpress

EditablePreviewEnabled Function

xtrareports-js-devexpress-dot-reporting-dot-viewer-dot-settings-dot-editablepreviewenabled-1.md

latest2.4 KB
Original Source

EditablePreviewEnabled Function

Enables the Highlight Editing Fields action.

Declaration

ts
export const EditablePreviewEnabled: DevExpress.Analytics.Internal.IGlobalSubscribableValue<boolean>

Parameters

NameType
newValboolean

Returns

TypeDescription
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:

aspx
<dx:ASPxWebDocumentViewer ID="ASPxWebDocumentViewer1" runat="server">
    <ClientSideEvents CustomizeElements = "function(s, e) {
        DevExpress.Reporting.Viewer.Settings.EditablePreviewEnabled(true);}" />
</dx:ASPxWebDocumentViewer>
cshtml
@Html.DevExpress().WebDocumentViewer(settings => {
    settings.Name = "WebDocumentViewer1";
    settings.ClientSideEvents.CustomizeElements = 
        "function(s, e){ DevExpress.Reporting.Viewer.Settings.EditablePreviewEnabled(true); }";
}).Bind("TestReport").GetHtml()
cshtml
<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)