Activating a ModalView from Tabstrip

4 posts, 0 answers
  1. wildbohr
    wildbohr avatar
    9 posts
    Member since:
    Jun 2011

    Posted 11 Sep 2012 Link to this post

    I've noticed that when I try to open a modalview from a tabstrip it appears and disappears right away. However if I create a button on a view and allow it to open the modalview it opens and stays open. Is this a known issue?
  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 13 Sep 2012 Link to this post

    Hello John,

    I am not quite sure if I understand your scenario correctly. Could you please provide more details or better yet send a small but runnable project that illustrates your current implementation? This way I would be able to investigate the case and advice you further. Thank you in advance for your cooperation.
    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Laure
    Laure avatar
    1 posts
    Member since:
    Sep 2013

    Posted 26 Sep 2013 Link to this post


    I've noticed exactly the same problem on my project and I can't find any solution to make it work on Chrome or Firefox.

    I am trying to open a modalview from 2 different buttons. 

    One is in a nav bar in the header: 

    <div data-role="navbar">
                <a data-icon="settings" data-role="button" data-rel="modalview" href="#modalviewSettings" >Settings</a>-->

    It works perfectly. The modal view appears and stays open.

    The second one is in a tab strip in the footer  (on the same layout of the same view!) :

    <div data-role="tabstrip">
                   <a data-icon="action" href="#syncToDo">Sync</a>
                   <a data-icon="settings" data-role="button" data-rel="modalview" href="#modalviewSettings">Settings</a>

    A click on this button opens the modal view but it disappears immediatly, and can't even be red.

    I notice this behaviour on Chrome and Firefox (desktop), but when I open my web app on a mobile browser (Safari on iPhone, Android browser on Samsung Galaxy S2, and Blackberry Browser on a blackberry 10 simulator) the tabstrip allows to open the modal view (it stays opened when I click/touch on the Settings tab).

    I would like to know how to make it work on desktop browsers. Where is the issue ?


  4. Petyo
    Petyo avatar
    2444 posts

    Posted 27 Sep 2013 Link to this post

    Hi Laure,

    Kendo UI Mobile (as the name suggests) is a framework that targets mobile touch enabled devices exclusively. While it works in desktop webkit based browsers, certain aspects, features and cases are covered only in the mobile platforms. Thus being said, I can't recommend using the ModalView widget (and the framework in general) in case your project targets desktop browsers. 

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top