Hiding Upload button of kendo upload

Question

I want to hide the 'Upload file' button of kendo upload since I am using my custom button for uploading file.

I have written the code on select file of kendo upload as,

function onSelect() {
    $('.k-upload-selected').css("display", "none");
}

I have tried with the following css also,

.k-upload-selected{
    display: none;
}

But the upload button is still there...

Please help me..

score 2 · Answer 1 · answered Dec 17 '15 at 12:54

2

You can simply use

$(".k-button.k-upload-button").css("visibility", "hidden");

after initializing the widget. Example Dojo

answered Dec 17 '15 at 12:54

M. Noreikis

173
6

score 1 · Answer 2 · answered Dec 17 '15 at 12:49

1

for hide:

$('.k-upload-selected').css('visibility', 'hidden');

for completely removing

$('.k-upload-selected').remove();

Dojo example

answered Dec 17 '15 at 12:49

Ademar

1,418
1
17
27

score 1 · Answer 3 · answered Nov 26 '19 at 07:40

1

You simply use

<style>
  .k-clear-selected, .k-upload-selected{
    display: none !important;
  }
</style>

Dojo example

answered Nov 26 '19 at 07:40

vanquan223

139
2
5

score 0 · Answer 4 · answered May 14 '19 at 11:16

If you are using Kendo for Angular you need to set encapsulation in the component to ViewEncapsulation.None.

@Component({
    selector: 'upload-selector',
    templateUrl: 'upload.component.html',
    styleUrls: ['upload.css'],
    encapsulation: ViewEncapsulation.None
})

Hiding Upload button of kendo upload

4 Answers4