Spreadsheet for Vuejs, adding tab in tabstrip

3 posts, 0 answers
  1. Braulio
    Braulio avatar
    5 posts
    Member since:
    Apr 2020

    Posted 20 Apr Link to this post

    I want to add a tab on the tabstrip in the Spreadsheet component. I have done so by adding this line of code to the toolbar attribute 

    <spreadsheet ref="spreadsheet"
    :toolbar="toolbar"

    Where toolbar is a value in data that looks like 

    toolbar = {
    'custom': [
    // for all available options, see the toolbar items configuration
    // https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/configuration/items
    {
    type: "button",
    text: "Save",
    showText: "both",
    icon: "k-icon k-i-save",
    click: function() {
          // Some code
    }
    },

    However, this new tab shows up with the name 'undefined', next to the other tabs. Is there some way to give it a proper name? 

  2. Ianko
    Admin
    Ianko avatar
    1934 posts

    Posted 22 Apr Link to this post

    Hello Braulio,

    The tab's name can be altered only by changing the DOM. Here you are an example: https://stackblitz.com/edit/h6sqzp?file=index.js

    Regards,
    Ianko
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
  3. Braulio
    Braulio avatar
    5 posts
    Member since:
    Apr 2020

    Posted 23 Apr Link to this post

    That's exactly what I needed, thanks!
Back to Top