Mini Kabibi Habibi

Current Path : C:/Users/Public/Documents/DXTREME 13.1 Demos/DXSK8/DXSK8.Tablet/layouts/Layout/

Current File : C:/Users/Public/Documents/DXTREME 13.1 Demos/DXSK8/DXSK8.Tablet/layouts/Layout/Layout.html

<div class="page" data-options="dxLayout : { name: 'navbar', controller: 'navbar' } " >

    <div class="layout-header" data-options="dxContentPlaceholder : { name: 'header', transition: 'fade' } " >
        <div data-options="dxViewPlaceholder : { viewName: '_header' } " ></div>
    </div>

    <div class="layout-content" data-options="dxContentPlaceholder : { name: 'content', transition: 'slide' } " ></div>
    
    <div class="layout-footer" data-options="dxContentPlaceholder : { name: 'footer' } " >
        
        <div data-bind="dxToolbar: { }" data-options="dxCommandContainer : { locations: [{'name':'order','align':'right'},
{'name':'home','align':'left'}] } " ></div>

        <div id="navBar" data-bind="dxNavBar: { }" data-options="dxCommandContainer : { locations: [{'name':'navigation'}] } " >
        </div>

    </div>
    
    <!-- ko with: DXSK8.Tablet.currentOrder -->
    <div id="popup" data-bind="dxPopup: { title: popupTitle, width: 400 }" style="height: auto !important;">
        <h3 style="text-align: center;">Your order has been completed!</h3>
        <div class="hide-popup">
            <div data-bind="dxButton: { text: 'Close', clickAction: hidePopup }" class="close-popup"></div>
        </div>
    </div>
    <!-- /ko -->

</div>