Vertical toolbar? Possible?

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

    Posted 13 Jul 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
    2595 posts

    Posted 15 Jul 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.
     
  3. Kendo UI is VS 2017 Ready
Back to Top