[Solved] Custom command button to expand row

[MICHAEL]

Hello,

Can someone please help me add make a custom command button expand the row.  I want the custom command button to act just like the + sign on the grid.  The reason why I want the command button it because this detail row is 3 levels deep and the user may not see another expand, but they will see the custom button.

Here is my command button.  How do i expand the the row?  Also, how do I add a tool tip for my button?  Thanks!!


columns.Command(commands =>
{
    commands.Custom("payments") 
    .ButtonType(GridButtonType.Image)
    .HtmlAttributes(new { id = "payments" }) 
    .Ajax(true)
}).Width(100);

[Chris Neave]

You should be able to get a tool tip just by adding a "title" attribute, like this:

columns.Command(commands =>
{
    commands.Custom("payments")
    .ButtonType(GridButtonType.Image)
    .HtmlAttributes(new { id = "payments", title = "Your tooltip text" })
    .Ajax(true)
}).Width(100);

To expand the row you'll have to add a click handler and use the grid expandRow function:
http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-client-api-and-events.html#expandRow