How to change upload layout

5 posts, 0 answers
  1. bin
    bin avatar
    5 posts
    Member since:
    Dec 2012

    Posted 13 May 2013 Link to this post

    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
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 14 May 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. bin
    bin avatar
    5 posts
    Member since:
    Dec 2012

    Posted 14 May 2013 Link to this post

    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
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 15 May 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  6. bin
    bin avatar
    5 posts
    Member since:
    Dec 2012

    Posted 15 May 2013 Link to this post

    Hi Dimiter Madjarov,

    thanks for you reply,the problem has been resolved.

    thanks very much.

    Best Regards,
    Bin
Back to Top
Kendo UI is VS 2017 Ready