Hi,

maybe this package can help you out: https://our.umbraco.com/packages/collaboration/backoffice-tweaking/

Hi Parth,

It isn't with javascript but this would work:

step 1: Go to the editfile: ~/Umbraco/Views/components/content/edit.html

step 2: replace the button preview with

            <umb-button
                alias="preview"
                ng-if="!page.isNew && content.allowPreview"
                type="button"
                button-style="info"
                action="preview(content)"
                label="Preview page test"
                class="hide-preview-button"
                label-key="buttons_showPage">
            </umb-button>

step 3: create a new folder "CustomCss" inside the App_Plugins folder:

step 4: create inside the CustomCss folder a new manifest file with this config:

{
   "propertyEditors": [],
   "javascript": [],
   "css": [
   "~/App_Plugins/CustomCSS/style.css"
 ]

}

step 5: Inside the CustomCss folder create the style.css

step 6: add the following style:

.hide-preview-button {
display: none;

}

So this only hides it not disabling it. If you want to disable it maybe you should override the preview event to do nohting on the action. if possible.

Good luck!

is working on a reply...