for query 2 if you create a new mvc project and copy and paste the following code in the home index view.
<div style="width: 220px ; display: inline-block; height:500px;">
@Html.EJ().ListView("locallistview").ShowHeader(true).HeaderBackButtonText("Back").PersistSelection(true).ShowHeader(true).Items(i =>
{
i.Add().Text("Jobs").Children(child1 =>
{
child1.Add().Text("Reactive").NavigateUrl("index");
child1.Add().Text("Planned").NavigateUrl("index");
child1.Add().Text("Create a job").NavigateUrl("index");
child1.Add().Text("Jobs to be confirmed").NavigateUrl("index");
});
i.Add().Text("Quotes").NavigateUrl("index");
i.Add().Text("Site").Children(child3 =>
{
child3.Add().Text("All Documents").NavigateUrl("index");
child3.Add().Text("Asbesdos Report").NavigateUrl("index");
child3.Add().Text("Floor Plans").NavigateUrl("index");
child3.Add().Text("Asset Register").NavigateUrl("index");
child3.Add().Text("Certificates").NavigateUrl("index");
child3.Add().Text("Servicing").NavigateUrl("index");
child3.Add().Text("Managers Notes").NavigateUrl("index");
child3.Add().Text("Photographs").NavigateUrl("index");
child3.Add().Text("Misc").NavigateUrl("index");
});
}).HeaderTitle("testc")
<script type="text/javascript">
$(function () {
ej.support.stableSort = false;
$("#locallistview").ejListView({ height:"auto" });
});
</script>
select the site menu all the children appear on the right and slide in it is very quick.
if you rem out $("#locallistview").ejListView({ height:"auto" }); and try again you will see the diference. the children appear on the right but are invisible and appear to slide into the control.
thanks for your help
andrew