Kendo Tabstrip on popup window

1 Answer 266 Views
Grid TabStrip
KoreanTea
Top achievements
Rank 1
KoreanTea asked on 08 Feb 2022, 01:30 PM

Hello everyone,

I want to make a grid similar to this example: 

https://demos.telerik.com/kendo-ui/grid/custom-command

but i want the popup window to have a kendo tabstrip inside.

How can i do it in jquery? 

Thank you

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 11 Feb 2022, 07:12 AM

Hi Juan,

You can initiate the TabStrip in the click command event handler:

{ command: { text: "View Details", click: showDetails }, title: " ", width: "180px" }]
..
        function showDetails(e) {
          e.preventDefault();

          var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
          wnd.content(detailsTemplate(dataItem));
          wnd.center().open();

          $("#tabStrip").kendoTabStrip();
        }

here is a Dojo demo I prepared demonstrating this:

Regards,
Nikolay
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

KoreanTea
Top achievements
Rank 1
commented on 11 Feb 2022, 08:04 AM

Thank you so much this is very accurate
Tags
Grid TabStrip
Asked by
KoreanTea
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or