Templating items

3 posts, 1 answers
  1. Matjaz
    Matjaz avatar
    94 posts
    Member since:
    Jun 2014

    Posted 25 Jul 2014 Link to this post

    How can I achieve, that on ToolBar item image and url is not side by side, but one beneath the other. Image on top and text on bottom.
    My current code is:
    $("#toolbar").kendoToolBar({
            items: [
                { type: "button", text: "Prodaja", imageUrl: "Image1.png"},
                { type: "button", text: "Oddaja", imageUrl: "Image2.png"}
            ]
        });
  2. Answer
    Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 29 Jul 2014 Link to this post

    Hello Matjaz,

    Thank you for contacting us.

    Please use the following CSS:
    #toolbar .k-image {
        display: block;
        margin: 0 auto;
    }

    For your convenience I prepared a small example: http://dojo.telerik.com/AyOX

    I hope this will help.

    Regards,
    Alexander Valchev
    Telerik
     
    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. Matjaz
    Matjaz avatar
    94 posts
    Member since:
    Jun 2014

    Posted 29 Jul 2014 in reply to Alexander Valchev Link to this post

    Great.
    Thank you.
Back to Top