[Spykam22]

Hey!

How do i change a navigation bars color?

Thanks

[wayne]

As of 1.0M9 update-1, the MobiOne Design Center does not yet provide color property editing of navbars. The current method I use is to revise the navigationBar.png image found in the res/images/ directory of your exported design. If you selected the (>) greeen Run button in the Designer to test your design in the Test Center then looking for the generated HTML code in a subdirectory in the same location as where you saved your design file (.mobi).

We are evaluating some HTML code-gen enhancements to make it much easier to modify much of the styling of a generated webapp.

Warning! – if you do modify any generated resources they may be overwritten by MobiOne. We don’t yet have the code-merge system in place to support preservation of user managed units of code. That will be coming soon.

Wayne
Genuitec Mobile Team

[wayne]

Update based on latest release 1.0M9 update-2.

In update-2 the navbar color is defined in css and can be easily changed. Look in the file with named with this pattern <design_name>.css for the following class:

.m1-navbar{ }

See attachment css-image.png

Resources for webkit gradients:
http://developer.apple.com/safari/library/documentation/internetweb/conceptual/safarivisualeffectsprogguide/Gradients/Gradients.html
http://webkit.org/blog/175/introducing-css-gradients/
http://www.westciv.com/tools/gradients/index.html

Attachments:

You must be logged in to view attached files.

[Author]

Posts