Vertical toolbar? Possible?

2 posts, 0 answers
  1. Dirk
    Dirk avatar
    5 posts
    Member since:
    May 2015

    Posted 13 Jul 2016 Link to this post

    I would like to have a vertical toolbar - a buttonbar actually. The buttonbar would be parked along the vertical margin of the page.

     

    Is this possible? I don't see it as a configuration? Where do I begin?

     

    TIA

     

    $("#toolbarMapTools").kendoToolBar({items: [
    { type: "button", id:"legend", imageUrl: "images/icons_black/legend.png", overflow: "never"},
    { type: "button", id:"layers", imageUrl: "images/icons_black/layers.png", overflow: "never"},
    { type: "button", id:"basemap", imageUrl: "images/icons_black/basemap.png", overflow: "never"},
    { type: "button", id:"overview", imageUrl: "images/icons_black/overview.png", overflow: "never"},
    { type: "button", id:"bookmarks", imageUrl: "images/icons_black/bookmarks.png", overflow: "never"},
    { type: "button", id:"measure", imageUrl: "images/icons_black/measure.png", overflow: "never"},
    { type: "button", id:"print", imageUrl: "images/icons_black/print.png", overflow: "never"},
    { type: "button", id:"time", imageUrl: "images/icons_black/time.png", overflow: "never"},
    { type: "button", id:"photos", imageUrl: "images/icons_black/photos.png", overflow: "never"}
    ],
    click: function(e) {
    doSomething(e.target[0].id);
    }
    });

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2615 posts

    Posted 15 Jul 2016 Link to this post

    Hi Dirk,

    This outcome is not supported by Kendo UI Toolbar. What I would suggest as a workaround is using custom CSS to change the appearance. Take a look at this dojo which should give a basic idea.

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
     
Back to Top