Hide delete button on document widget

kklosson

The widget that displays a document attribute has a delete button on it and my users are always hitting it and deleting the document. I have no need for the delete function. Can anyone offer a script to hide it?

idpSteve

Try this in the render script:

$("[title|='Remove']").hide();

kklosson

Much appreciated but no joy. Should this not be a statement like config.something?

ACDC

no need for the delete function

Surely you can use PROTECT in some way, to manage this event ?

kklosson

Users need to download the current form, complete it, and re-upload it. So must have read/write authority.

johntalbott

This should work, but it looks like there is a typo.
$("[title|='Remove']").hide();

This will work
$("[title ='Remove']").hide();

It likely doesn't matter as the human eye can't tell the difference, but the options below use a jQuery selector that is a little more specific which in theory will perform better. ...

Hide the button with the X
$("button.k-upload-action[aria-label='Remove']").hide()

Remove the button with the X from the DOM altogether.
$("button.k-upload-action[aria-label='Remove']").remove()

kklosson

Sadly, none of these options are working. Do these go in the initialization script of the attribute?

Jaymer

(see post at top of thread for specific case)
Put either in the Render Script of the Form (not Section)

Hide the button with the X
$("button.k-upload-action[aria-label='Remove']").hide()

Remove the button with the X from the DOM altogether.
$("button.k-upload-action[aria-label='Remove']").remove()

--> JaymerTip (example code from John Talbott)

idpSteve

The | is unnecessary but won't break anything.

All it does is select elements whose title equals 'Remove' or starts with 'Remove-' similar to how a * or ^ works.

I copied it from some other code which is why the | was there.

kklosson

Got it. Works perfectly. Thanks to all.