Web and WebWorks Development

[mserina]

Hi Guys,

anyone got troubles in using the BB10 theme after Gold Release updates?

The application bar does not  behave as expected when showing over-flow actions and tabs..

Thanks a lot

-marco

[JsonScott]

Hi Marco,

How is it behaving for you?
Do you have a code sample that I could reproduce the issue with?


Thanks,

Jason

[mserina]

HI Jason,

I'm sorry, I realized I'have been too vague..I'll take as a reference the "Kitchen Sink" example that is on GitHub..before Gold Release both data-role="tab" and data-overflow="true" divs on the action bar page used to work on VMWare Simulator and Dev Alpha device..now the formers shows options with a strange layout, the latters simply pop-up and immediately go hidden again withouth any user interaction in a fraction of second!Very weird :-)

On my app instead, the behaviour is even more strange, but it si influenced for sure by my CSS..

Please keep in mind that  Ripple rendering is fine.

Thanks a lot for your time..may be I missed some updates or I did something wrong but I would like to be assured first that the latest upgrades did not break something.

Cheers

-marco

[JsonScott · Accepted solution]

Hi Marco,

Do you see this in both the BB10 Browser and Webworks?
Can you try updating to the latest? https://github.com/blackberry/jQueryMobile-BB10-Theme/tree/master/dist/latest
We updated the actionbar and overflow menu yesterday and it may take care of your issue.

Thanks,

Jason

[mserina]

It works great now!Thanks a lot!

-marco

[kamote_empire]

Thanks for the quick update, as soon as the GOLD SDK was released we have new updates

[karensilkwood]

Hi All,

I am just wondering if any of you came a cross the following issue with the BB10 JQM.

I am following the exact set up that has been recommended on github on  use of Actionbars.

Which is the following.

<div data-role="footer" data-position="fixed">
    <div data-role="actionbar">
        <div data-role="back"></div>
        <div id="o1" data-role="action">
            <img src="../src/plugins/actionbar/assets/generic_81_81_placeholder.png" alt="" />
            <p>1 Settings</p>
        </div>
        <div id="o2" data-role="action">
            <img src="../src/plugins/actionbar/assets/generic_81_81_placeholder.png" alt="" />
            <p>2 Options</p>
        </div>
        <div id="o3" data-role="action">
            <img src="../src/plugins/actionbar/assets/generic_81_81_placeholder.png" alt="" />
            <p>3 Options</p>
        </div>
        <div id="o4" data-role="action">
            <img src="../src/plugins/actionbar/assets/generic_81_81_placeholder.png" alt="" />
            <p>4 Options</p>
        </div>
    </div>
</div>

I have got all the relavant JQM css and JS included in my page, and everything else render just fine but for whether reason my action bar doesn't!

Any ideas what can be happening?

[karensilkwood]

I've forgotten to mention I am usimg Require.js