Asial Blog

Onsen UI Developer Preview 2 Release

Category :
Frontend(HTML5)
Tags :
onsenui
theme
HTML5
Monaca

Today we are excited to release developer preview 2 of Onsen UI.
The main focus of this release is support for themes and Font Awesome integration.



Themes



Our designer have cooked up 6 themes specially for Onsen UI--Blue, Green, Orange, Pink, Purple, and Yellow. Here are some screenshots of how they look like.


Blue



1.Blue1.Blue_controls



Orange




1.Orange1.Orange_controls



Purple




1.Purple1.Purple_controls



How to use


1. Go to Plugins Settings


Open Onsen UI project and go to plugins setting as shown in the figure below:

2.go_to_plugins



2. Choose your favorite theme


Scroll down to Onsen UI plugin and choose a theme you like.

3.plugin_settings



3. That's it!


Preview your project and see your app shines!



Font Awesome Integration



Onsen UI supports Font Awesome out of the box. Here are examples on how to use it.




In Navigator


  1. <ons-navigator left-button-icon="fa fa-bars"/>
Navigaor_font_awesome


Inside Button


  1. <ons-button>
  2.     <i class="fa fa-thumbs-up"></i> Like
  3. </ons-button>
Like button


Conclusion


We love to hear feedback from you. Do not hesitate to drop us feedback by writing in the comment box below or raise issue on GitHub. Relax!

Comments

  • seo plugin

    Hello Web Admin, I noticed that your On-Page SEO is is missing a few factors, for one you do not use all three H tags in your post, also I notice that you are not using bold or italics properly in your SEO optimization. On-Page SEO means more now than ever since the new Google update: Panda. No longer are backlinks and simply pinging or sending out a RSS feed the key to getting Google PageRank or Alexa Rankings, You now NEED On-Page SEO. So what is good On-Page SEO?First your keyword must appear in the title.Then it must appear in the URL.You have to optimize your keyword and make sure that it has a nice keyword density of 3-5% in your article with relevant LSI (Latent Semantic Indexing). Then you should spread all H1,H2,H3 tags in your article.Your Keyword should appear in your first paragraph and in the last sentence of the page. You should have relevant usage of Bold and italics of your keyword.There should be one internal link to a page on your blog and you should have one image with an alt tag that has your keyword....wait there's even more Now what if i told you there was a simple Wordpress plugin that does all the On-Page SEO, and automatically for you? That's right AUTOMATICALLY, just watch this 4minute video for more information at. <a href="http://www.SEORankingLinks.xyz">Seo Plugin</a>
    seo plugin http://www.SEORankingLinks.xyz

  • pcmegamedia

    nike mercurial vapor superfly 3 okazii <a href="http://www.heygarten.net/nike-mercurial-vapor-superfly-3-okazii-sneakers_en">nike mercurial vapor superfly 3 okazii</a> , custom nike roshe run hawaiian floral <a href="http://www.heygarten.net/custom-nike-roshe-run-hawaiian-floral-sneakers_en">custom nike roshe run hawaiian floral</a>
    [url=http://www.pcmegamedia.net/]pcmegamedia[/url]

Comment form



captcha_key

Company information

Asial Corporation is a software engineering company located in Tokyo, Japan specializing in PHP, HTML5, and JavaScript programming.
We are able to offer a full range of professional services from user-interface design through to high-performance web system solutions.
Check out our company details here (Japanese only).

More company information

Recent posts