... Continuing my reply. The great thing about qx.Mobile themes is that they are all directly powered by CSS (.addCssClass quickly becomes the most used function).
For now I recommend bypassing scss and working directly with the CSS files so you see how your app works. *Make backup copies before modifying CSS files*. If you look at the source version of your application via your browser's web inspector you'll see that it includes the qooxdoo framework's theme CSS files (flat.css or indigo.css or whatever theme you are using), and styles.css from your app's resource folder. Here are some modifications you can make to flat.css or indigo.css to get you further down the path to a more native look and feel (*comment your edits if you want to translate your edits into scss at a later time*): 1. Key in on the following three Css classes: - .tabBar - .tabButton - .tabButton.selected 2. For .tabBar *(be sure to comment edits)* - Add: background-color: rgb(218, 218, 218); - Comment Out: border-bottom: .1875rem solid #74a588; 3. For .tabButton *(be sure to comment edits)* - Comment Out: -moz-border-radius-topleft: .125rem; -moz-border-radius-topright: .125rem; -webkit-border-radius-topleft: .125rem; -webkit-border-radius-topright: .125rem; border-top-right-radius: .125rem; border-top-left-radius: .125rem; border-top: .0625rem solid #969697; border-left: .0625rem solid #969697; border-right: .0625rem solid #969697; - Modify: Match background-color to .tabBar's background-color 4. For .tabButton.selected *(be sure to comment edits)* - Comment Out everything except color - Modify color value to whatever color you want the selected button to have These steps should get you closer... getting the right icons is a little more tricky, and requires a lot more thought upfront. I recommend using either SVG, CSS or a Font for your icons. I'm sure I can get you in contact with someone more than willing to help you with that piece outside of the forum :-) Chris chris.es...@sqville.com -- View this message in context: http://qooxdoo.678.n2.nabble.com/Qx-mobile-style-native-looking-toolbar-tabbar-tp7586872p7586886.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
