I've set a 2px border in the element itself and also in a stylesheet, but the border doesn't show up. 

The attached screenshot is what the element inspector in the simulator shows (I've confirmed it looks the same on the device).  Where is the 0px border setting coming from?

In WPF RadControls you can pass a function call back to a RadWindow. Can you use a similar approach with Kendo modalView?

WPF Example

Sorry for posting C# :-)

Is this approach possible with Javascipt and modalView in am mobile app? the samples I've seen don't do this

I know you can override the close event but that doesn't help me, If Kendo implemented Confirm,Alert etc like RadWindow it would be very useful.

https://github.com/telerik/kendo-mobile-music-store

I've downloaded this repo locally to play with things a bit, and noticed that the error modal window has a strange behavior. It opens for just a split second, and then immediately closes itself.

I have two modals. One modal opens on top of the other. If I click anywhere on the screen after the second modal opens, the first modal closes. This is very undesirable. Does anyone know a workaround?

Hi,

I am trying to use the Modal View as a modal message window.  The ModalView will not open at the dimensions set in the inline style if set as a percentage. The ModalView always opens at fullscreen, totally covering the view it was called from.  If I set the height and width to pixels, it will open at those settings but it does not center the screen. I didn't have this problem until I upgraded to 2013 Q3 Kendo UI v2013.3.1030. I would prefer to set it to a percentage like the demo. I have confirmed this issue in IE11, Chrome, the Ripple emulator, on a real Galaxy Note II, and a real iPhone 5.

After going over the Kendo online demo for the Modal View again, it doesn't work the same as it did before the recent release and it doesn't style the same between the various online Kendo emulators.

Is this new behavior expected? Did I set something up wrong?

 I have attached my files. Start up the project and click the LogIn button to see the issue.


Thanks

Hi,
I have found a bug in Kendo mobile demo. If you open ModalView in the demo and click on the input field, the native keyboard pushes the whole modal up, and you can no longer see the input field, even when typing.

Bug is reproducible on Android 4.1.2 native browser. Samsung Galaxy S2 phone.

Any ideas on how to fix this?

Is there a way to change the default 200ms fade:in modal view animation or disable it entirely? I tried manually setting the kendoMobileModalView's shim options but to no avail.

Anyone can give me guide how to Close modal view onBackPressed in android..
cause it's feel wierd if someone press back key and the page changed.. but the modal view still there.. 

Thanks before..

We have a modal view that has content loaded into it dynamically via some ajax calls. After the data is loaded and the modal is made visible, the scroll bar is always still at the position it was for the previous content. How can we scroll it to the top after loading the content?

Thanks

I have the following template which opens a modal with the id "terminAbsagen".

In the modal i have a button with id "absagen" which needs the id of the entry i clicked, so i can take further actions for that item, e.g. delete the entry via Ajax:

<script id="termineTemplate" type="text/x-kendo-template">
        <a
            class="details-link"
            data-role="listview-link"
            href="\#termindetails?id=#:id#">
            <h2>#:titel# #:date# um #:time# Uhr, #:ort#</h2>
        </a>
        
        
        <div class="options">     
            <a data-role="button" data-item-id="#:id#" href="\#terminAbsagen" data-rel="modalview">absagen</a>
        </div>
        
        <div data-role="modalview" id="terminAbsagen" style="width: 95%; height: 80%;">
            <div data-role="header">
                <div data-role="navbar">
                    <span>Abmelden</span>
                    
                </div>
            </div>
            <ul data-role="listview">
                <li> Möchten Sie sich wirklich abmelden?</li>
            </ul>
           <div data-role="footer">
                <div data-role="navbar">
                     <a data-click="doSomething(idOfItem)" id="absagen" type="button" data-role="button" class="btn-primary">Ja</a>                 
                </div>
             </div>
           


        </div>
           
    </script>