Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
jmace
Posts: 482
Registered: ‎10-24-2008
My Device: 9300

ui style - Edge Flow layout

[ Edited ]

I've been converting a bunch of legacy MDS applications into BlackBerry widgets and I noticed an easy layout technique in MDS wasn't quickly available in the widget world. It isn't as fancy as some of Tim's latest contributions, but may be useful for some. 

 

 This package is a skeleton example of the edge layout in MDS. It basically allows two items per line and justifies them to the edges of the screen (the first to the left, the second to the right). 

 

I've also added some javascript that arranges items in the edge flow layout. 

 

I have to say, this is really just a skeleton. Your own styling and extra functionality should be applied. This layout lends itself to data entry and readability.

 

edgeFlowImage.jpg

 

 

_________________________________________
www.jasonmace.com/blackberry
Please use plain text.
Retired
tneil
Posts: 3,708
Registered: ‎10-16-2008
My Device: Z10
My Carrier: Rogers

Re: ui style - Edge Flow layout

Awesome!!! Great addition jmace!

 

Thanks for sharing your sample with the community :smileyhappy:

Tim Neil
Director, Application Platform & Tools Product Management
Follow me on Twitter
Please use plain text.
Developer
jmace
Posts: 482
Registered: ‎10-24-2008
My Device: 9300

Re: ui style - Edge Flow layout

[ Edited ]

A little update,

 

I've thrown everything in the style of Tim's UI examples and packaged it up. I've also added an accordion example and a fish eye menu. 

 

As a note, I am not the original author of the scripts and styling. I've simply modified and tested them on BlackBerry to make sure they function

 

I have some javascript functions that compliment most of this coming soon.

 

 

 

mainUI.png

 

mainUI-01.png

 

mainUI-02.png

mainUI-03.png

 

 

 

_________________________________________
www.jasonmace.com/blackberry
Please use plain text.
Developer
jmace
Posts: 482
Registered: ‎10-24-2008
My Device: 9300

Re: ui style - Edge Flow layout

Anyone have any feedback on these?

 

I had a thought that the fisheye would be a great feature for a menu on a touch device. That way you could maintain smaller icons, but on touch allow the icon to grow just slightly larger than the average fingertip so that the user could have an idea of what they were about to click into.

_________________________________________
www.jasonmace.com/blackberry
Please use plain text.