Reputation: 238
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...
Upvotes: 2
Views: 10703
Reputation: 8360
In the case of Angular, here is Kendo's official example for it.
Note: you may need to apply ::ng-deep
(missing in the example) on the CSS class to make it work:
::ng-deep .k-actions {
display: none;
}
Upvotes: 1
Reputation: 149
You simply use
<style>
.k-clear-selected, .k-upload-selected{
display: none !important;
}
</style>
Upvotes: 1
Reputation: 113
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
})
Upvotes: 0
Reputation: 173
You can simply use
$(".k-button.k-upload-button").css("visibility", "hidden");
after initializing the widget. Example Dojo
Upvotes: 2
Reputation: 1408
for hide:
$('.k-upload-selected').css('visibility', 'hidden');
for completely removing
$('.k-upload-selected').remove();
Upvotes: 1