or
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="home" href="#home">Home</a>
<a data-icon="globe" href="#standorte">Standorte</a>
<a class="showafterlogin" data-icon="mostrecent" href="#kundendienst" style="display: none;">Kundendienst</a>
<a data-icon="camera" href="#scanner">QR-Scanner</a>
<a data-icon="more" href="#mehr">Mehr</a>
</div>
</footer>

@Html.Kendo().Grid(Model).Name("qxtgrid" ).DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Read", "Grid")$(function() { $("#grid").kendoGrid({ dataSource: { transport:{ read:"libyMsg.php?way=getUsrMsgList", create:{ url :"libyMsg.php?way=createMsg", type:"POST" }, update:{ url :"libyMsg.php?way=updateeMsg", type:"POST" }, destroy:{ url :"libyMsg.php?way=destroyMsg", type:"POST" } }, batch: true, pageSize: 10, schema: { data: "data", model: { id: "msg_id", fields: { msg_id: { editable: false, nullable: true }, msg_title: { validation: { required: true } }, msg_content: { validation: { required: true } }, msg_type: { type: "number", validation: { min: 0, required: true }}, msg_date: { type: "date", validation: { required: true } }, msg_status: { type: "number", validation: { min: 0, required: true } } } } } }, columns: [{ field: "msg_id", width: 40,title: "ID" }, { field: "msg_title",width: 230, title: "Title" }, { field: "msg_content", width: 370,title: "Content" }, { field: "msg_type", width: 40,title: "Type" }, { field: "msg_date", width: 300,title: "Date" }, { field: "msg_status", width: 40,title: "Status" }], scrollable: true, sortable: true, editable:"popup", pageable: { refresh: true, pageSizes: true }, toolbar: ["create", "save", "cancel"], }); }); </script>