Hello,
I needed splitview for my existing asp.net mvc application. Since this feature is not in bootstrap, I want to integrate the splitview structure of kendo into my home / index page. But I could not find an example exactly like the link(https://demos.telerik.com/kendo-ui/m/index?&_ga=2.175873698.1093150333.1601874386-452789549.1601620086#splitview/index). Is there a version of the same example in the link made in mvc?

If I can integrate a structure like in the link into my home index page, I am thinking of buying the license of Kendon.

When I call the  following

    /StatusGroups/ my controller code is as follows

public ActionResult GetStatusGroups([DataSourceRequest]DataSourceRequest request)
        {
            var SLAQuery = new OracleLogic();
            return Json(SLAQuery.GetStatusGroupsSLA().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);            
        }

and I get my populated grid using the following view code.

@(Html.Kendo().Grid<NTC_SLA_System.Models.StatusGroupsSLA>()
                                                                                .Name("grid")
                                                                                .Sortable()
                                                                                .Scrollable()
                                                                                .Filterable()
                                                                                .Columns(column =>
                                                                                {
                                                                                    column.Bound(c => c.TYPE_ID).Title("STGID");
                                                                                    column.Bound(c => c.TYPE_NAME).Title("Group Name");
                                                                                    column.Bound(c => c.INGROUPID).Format("{0:0}").Title("in Group");
                                                                                    column.Bound(c => c.ENTERED_DATE).Format("{0:MM-dd-yyyy}").Title("Created On");
                                                                                    column.Bound(c => c.ENTERED_DATE).Format("{0:MM-dd-yyyy}").Title("Modified Date");
                                                                                    column.Bound(c => c.MODIFY_BY).Title("Modified By");
                                                                                    column.Bound(c => c.TYPE_ID).ClientTemplate("<a class='ntc-blue' href=\"" + Url.Action("ViewType", new {                                                                                      ID = "#=TYPE_ID#" }) + "\">View</a>").Title("Action");
                                                                                })
          .DataSource(dataSource => dataSource

           .Ajax()
           .Model(model => model.Id(p => p.Id))
            .Read(read => read.Action("GetStatusGroups", "StatusGroups"))
            .ServerOperation(false)
            .PageSize(20))

If I click on View in that Grid I go to /StatusGroups/ViewType/1

My controller code is as follows

public ActionResult ViewType([DataSourceRequest]DataSourceRequest request, string id = null)
        {
            var SLAQuery = new OracleLogic();
            return Json(SLAQuery.GetStatusGroupsViewSLA(id).ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }  

and my view code is

 @(Html.Kendo().Grid<NTC_SLA_System.Models.StatusGroupsViewSLA>()

                                .Name("grid")
                                .Sortable(sortable => sortable
                                .AllowUnsort(true)
                                .SortMode(GridSortMode.MultipleColumn)
                                .ShowIndexes(true))
                                .Scrollable()                                
                                .Columns(column =>
                                {
                                    column.Bound(c => c.STATUS_NAME).Template(c => c.STATUS_ID + "&nbsp-&nbsp" + c.STATUS_NAME).Title("To Status Name");
                                    column.Bound(c => c.STATUS_ID).Template(@<text>@Html.ActionLink("Remove", "ViewType", new { id = @item.STATUS_ID })                                                    </text>).Title("Action").Sortable(false).HtmlAttributes(new { @class = "center-text" });
                                })

.DataSource(datasource => datasource
                                        .Ajax()
                                        .Model(model =>
                                        {                                                                                        
                                            model.Field(f => f.STATUS_NAME);                                            
                                        })
                                        .Read(read => read.Action("ViewType", "StatusGroups"))                                        
                                )
The Grid result is empty no data.

Hello,

On the demo project:

When I click on Beverages then ...

If I click on Chai menu, I would like to create detailsTemplate to host Chai data.

If I click on Chang menu, I would like to create detailsTemplate to host Chang data.

Please note that the data structure are not the same for all of the menu.

And so on...

Thank you.

Hello,

On the demo project:

If I click on Beverages, I would like to change the left side title from Products to Beverages.  

If I click on Condiments, I would like to change the left side title from Products to Condiments. 

And so on...

Thank you.

Hello,

On the demo project:

When I click on Beverages then clicking on Chai menu, I would like the selected menu item to highlight.  Also, I would like any of the other menu items to un-highlight whenever a menu item is selected.  So only one of the menu items be selected. 

Thank you...

I am not looking for a mobile SplitView. I am looking for a mvc SplitView. 

Please give me an idea how to do it?  Thank you.