or
<div id="splitter" style="min-height:700px"> <div class="left-panel" style="width:100px"> <div id="cashPanel" class="left-panel"></div> </div> <div > <div id="offsetPanel" class=""></div> </div> <div> <div id="premiumList" style="height:100%"> <div id="searchPremMatchList"></div> </div> </div></div>
$("#splitter").kendoSplitter({ orientation: "horizontal", panes: [ { collapsible: false, size: "250px" }, { collapsible: false, size: "700px" }, { collapsible: false } ]});<div data-role="modalview" id="modalview-add-to-cart" style="width: 95%; height: 270px;"> <div data-role="header"> <div data-role="navbar"> <span>Add to order</span> <a data-click="closeModalView" data-role="button" data-align="right">Cancel</a> </div> </div> <div class="modal-view-inset"> <div id="modalview-add-to-cart-order"></div> <div><input type="text" id="modalview-add-to-cart-customer-note" placeholder="Any special instructions?"></input></div> </div> <div data-role="footer"> <a data-click="addToCart" type="button" data-role="button">Add To Your Order</a> </div></div>$('#modalview-add-to-cart').data("kendoMobileModalView").open();<a data-rel="modalview" href="#modalview-add-to-cart" class="menu-item-buy" >+</div>$('#ManufacturerConfirmationId').kendoAutoComplete({ minLength: 3, dataTextField: "ManufacturerConfirmationId", filter: "contains", dataSource: new kendo.data.DataSource({ transport: { read: { url: serviceBase + 'EquipmentWarranties/ManufacturerConfirmationIdsComplete', data: { manufacturerId: function () { return $('#ManufacturerId').val(); }, manufacturerConfirmationId: function () { return $('#ManufacturerConfirmationId').val(); } } } } }), change: function () { this.dataSource.read(); }});