Tobias,
I highly recommend you start with the *TabBar* class rather than the Toolbar
class for this.
Add the below entries into the .tabBar class of your flat.css or indigo.css
file, which ever one your source version is currently using. This will move
the tabbar buttons to the bottom of the page and keep them floating at the
bottom of your viewport just like the toolbar. This will start you on the
correct path to what you are after:
.tabBar {
bottom:1rem;
border-bottom:.1875rem solid #74a588;
padding-top:.25rem;
padding-left:.25rem;
padding-right:.25rem;
/*new SQville tabbar items thrown to the bottom of viewport*/
-webkit-box-ordinal-group: 2; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 2; /* OLD - Firefox 19- */
-ms-flex-order: 2; /* TWEENER - IE 10 */
-webkit-order: 2; /* NEW - Chrome */
order: 2; /* NEW, Spec - Opera 12.1, Firefox
20+ */
}
As for the iOS/Android look and feel, that i can help you with too ( Example
iOS look and feel <https://vivid-fire-1034.firebaseapp.com> ). All icons
you see are either fonticons or pure CSS.
Chris
SQville Software
Austin, Texas
chris.es...@sqville.com
--
View this message in context:
http://qooxdoo.678.n2.nabble.com/Qx-mobile-style-native-looking-toolbar-tabbar-tp7586872p7586878.html
Sent from the qooxdoo mailing list archive at Nabble.com.
------------------------------------------------------------------------------
Dive into the World of Parallel Programming The Go Parallel Website, sponsored
by Intel and developed in partnership with Slashdot Media, is your hub for all
things parallel software development, from weekly thought leadership blogs to
news, videos, case studies, tutorials and more. Take a look and join the
conversation now. http://goparallel.sourceforge.net/
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
