This is a migrated thread and some comments may be shown as answers.

[Solved] Button and menu in grid cell?

2 Answers 738 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Software
Top achievements
Rank 1
Software asked on 30 Sep 2014, 03:48 PM
I am trying to create a button in a grid cell that will copy the contents of the cell to the clipboard, and another button that will trigger a menu with other actions that can be performed on the value of the cell and/or row.  I've tried doing this with Bootstrap using a split button, where the left-most button copies the contents to the user's clipboard, and the smaller right button just has a caret icon and triggers a menu.  Unfortunately because the split button requires a btn-group, which is absolutely positioned, the menu is hidden when it is triggered.  I was wondering how hard this would be to accomplish using kendo's button and menu controls?  Currently I'm doing this by putting a javascript method in the template for the column, passing in the value, and returning the html of the button group.  Does anyone know of a similar example or demo using all kendo controls that I could look at?

I've attached a screenshot to illustrate what I'm trying to do.

Thanks!
Eddie

2 Answers, 1 is accepted

Sort by
0
Software
Top achievements
Rank 1
answered on 30 Sep 2014, 04:31 PM
Just wanted to point out the stackoverflow where the issue of Bootstrap button groups in kendo grid cells was answered, which is why I'm looking for an alternative in the kendo controls.
0
Accepted
Atanas Korchev
Telerik team
answered on 02 Oct 2014, 03:09 PM
Hello Eddie,

There are a few options to implement this:

I hope this helps!

Regards,
Atanas Korchev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Software
Top achievements
Rank 1
Answers by
Software
Top achievements
Rank 1
Atanas Korchev
Telerik team
Share this question
or