3 Answers, 1 is accepted
0
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.
Regards,
Iliana Nikolova
the Telerik team
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.
Regards,
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!
0

Laure
Top achievements
Rank 1
answered on 26 Sep 2013, 02:32 PM
Hello,
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>-->
</div>
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>
</div>
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 ?
Thanks,
Laure
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>-->
</div>
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>
</div>
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 ?
Thanks,
Laure
0
Hi Laure,
Petyo
Telerik
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.
Regards,Petyo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!