How to change upload layout

[bin]

Hi kendo team,

I have some problems,I want to change the kendoUpload layout at one line,but can not.can you give me some advice?

Regards,
Bin

[Dimiter Madjarov]

Hi Bin,


If you are referring to positioning the submit button side by side with the select button (i.e. the following demo), then you should add it dynamically to the page via JavaScript, because the Upload widget is generating a div tag and the input cannot be positioned there only with CSS.
E.g.

$(document).ready(function () {
    $(".k-button.k-upload-button").after('<input type="submit" value="Submit" class="k-button" />');
});

I hope this was the information that you were looking for.

 

All the best,
Dimiter Madjarov
the Telerik team

[bin]

Hi Dimiter Madjarov,

thanks for your reply,I want to change upload by default layout,like the picture.can you give me some advice?

thanks.

Best Regards,
Bin

[Dimiter Madjarov]

Hi Bin,


The following layout is not supported out of the box. Nevertheless you could manually specify some custom CSS styles and float the Upload widget elements in order to achieve it. Here is a JS Bin example, which demonstrates this.

Wish you a great day! 

All the best,
Dimiter Madjarov
the Telerik team

[bin]

Hi Dimiter Madjarov,

thanks for you reply,the problem has been resolved.

thanks very much.

Best Regards,
Bin