angularjskendo-uikendo-mobile

Modal view in Angular Kendo mobile


I am experimenting with Angular Kendo mobile.
I want to build a modal view just like a popup window with option buttons.

I see Kendo UI provides modal view as:

<div data-role="modalview" id="my-modal" style="width: 200px; height: 200px;">
  Hello!
</div>

But what about using it on mobile using angular Kendo.
Is their any modal view provided by Angular Kendo for mobile?


Solution

  • Kendo Mobile ModalView does exactly what you are looking for.

    <div id="modalview-photo" k-modal="false" kendo-mobile-modal-view="modal" use-native-scrolling="true" style="width: 99vw; height:99vh; background-color:white;">
         <kendo-mobile-header>
                <kendo-mobile-nav-bar>
    
                </kendo-mobile-nav-bar>
        </kendo-mobile-header>
        <div style="padding: 5px;">
            <label>title</label>
            <input id="photo-title" >
        </div>
    </div>
    

    Opens like that:

    $("#modalview-photo").data().kendoMobileModalView.open();