Upload size (Height) fill

[Robert Madrian]

Hello,

how to use CSS to set the height of the Upload to fill the parent (see picture)

Robert

[Mihaela]

Hello Robert,

The Upload component consists of a "k-dropzone" element and a "k-upload-files" container that holds the selected files, so you could set the height of the overall Upload container to 100% to match its parent element height:

<style>
.k-upload {
    height: 100%;
}
</style>

Also, you can apply the CSS style below if the selected files container's height ("k-upload-files") should match the parent element height:

<style>
.k-upload .k-upload-files {
    max-height: calc(100% - 46px); /* subtract the height of the dropzone container*/
    height: 100%;
}
</style>

REPL example: https://netcorerepl.telerik.com/QcFYmfbQ17nEBS7s07

I hope that helps.

 

Regards, Mihaela Progress Telerik

[Robert Madrian]

Thank you