07-31-2013 05:01 AM
I have an issue with the BB JQuery Mobile theme. The actionbar is behaving odd.
I used the kitchen sink example to do this (and just update to the latest CSS and js files).
The left/right tab overflow menu looks like that on Ripple:
The second issue is, that clicking on the items works fine and function are triggered as supposed to be, but
the left/right Tab overflow menu are not sliding in. I have to click outside of the area to make them move in!
My code for left side menu:
<!-- This is how you set up your tab overflow menu (left side panel) -->
<div data-role="panel" id="left" data-dark-modal="true" data-position="left" data-display="reveal" data-theme="a" class="bb10-panel">
<ul data-role="listview" data-theme="a">
<li id="aldi" class="inBar"><a href="#">Aldi</a></li>
<li id="asda" class="inBar"><a href="#">Asda</a></li>
<li id="boots" class="inBar"><a href="#">Boots</a></li>
08-01-2013 06:08 AM
I just checked our sample available on github and I don't see this isse. Could you open this address in Ripple and check if everything is working ok?:
08-10-2013 11:19 AM
I don't know what went wrong here! I installed a compare software and compared the kitchen sink example with mine and I was missing
<!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
at the top!
Now working fine!
Thanks for your help!