Hi,
I have a requirement of having collapsible panel in the header part of kendo grid.
It should be able to expand and collapse as well. I need this to be implemented using HTML Extension helper class.
Please provide the sample. Looking forward.
Sample code:
public static GridBuilder<T> CreateToolbarBuilder<T>(this GridBuilder<T> builder) where T : class
{
//add options
return builder
.ToolBar(toolBar => toolBar.Template(@"@(Html.Kendo().PanelBar()
.Name('panelbar')
.ExpandMode(PanelBarExpandMode.Multiple)
.Items(panelbar =>
{
panelbar.Add().Text('Quick Find')
.Expanded(true)
.Content(@<div class='toolbar'>
<label class='category-label' for='category'>Quick Find:</label>
<input type='search' id='category' style='width: 300px'/>
</div>);
})
)"));
}
Thank you.
I have a requirement of having collapsible panel in the header part of kendo grid.
It should be able to expand and collapse as well. I need this to be implemented using HTML Extension helper class.
Please provide the sample. Looking forward.
Sample code:
public static GridBuilder<T> CreateToolbarBuilder<T>(this GridBuilder<T> builder) where T : class
{
//add options
return builder
.ToolBar(toolBar => toolBar.Template(@"@(Html.Kendo().PanelBar()
.Name('panelbar')
.ExpandMode(PanelBarExpandMode.Multiple)
.Items(panelbar =>
{
panelbar.Add().Text('Quick Find')
.Expanded(true)
.Content(@<div class='toolbar'>
<label class='category-label' for='category'>Quick Find:</label>
<input type='search' id='category' style='width: 300px'/>
</div>);
})
)"));
}
Thank you.