<< Chapter < Page Chapter >> Page >

Themes

Med jQuery Mobile kan man benytte temaer, der giver mulighed for at tilpasse farveskemaer og visse CSS-aspekter. Man kan bruge jQuery Mobile ThemeRoller applikationen for at tilpasse temaerne. Efter at have udviklet et tema i ThemeRoller applikationen, kan man hente en brugerdefineret CSS-fil og indlejre den i sit projekt og på den måde bruge de brugerdefinerede tema.

Hvert tema kan indeholde op til 26 unikke "farveprøver", som hver består af en header bar, en body, og knapper. Kombinationen af de forskellige farveprøver giver mulighed for at skabe en bredere vifte af visuelle effekter, end man ville være i stand til med kun en farveprøve per tema. Skift mellem forskellige farveprøver i et tema er så simpelt som at tilføje en attribut kaldet "data-tema" til sine HTML-elementer.

jQuery Mobile standardtema har fem forskellige farveskemaer: "a", "b", "c", "d", og "e". På den måde, kan man let skifte mellem forskellige temaer ved blot at ændre bogstavet i koden.

(Kilde:Wikipedia)

Temaer

Temaer

Man kan få mere at vide om temaer her .

<div data-role="content" data-theme="c"><p>Herman boede i Horsens, men engang var han ude at rejse.

Get Jobilize Job Search Mobile App in your pocket Now!

Get it on Google Play Download on the App Store Now




Source:  OpenStax, Introduktion til jquery mobile. OpenStax CNX. Dec 07, 2012 Download for free at http://cnx.org/content/col11460/1.1
Google Play and the Google Play logo are trademarks of Google Inc.

Notification Switch

Would you like to follow the 'Introduktion til jquery mobile' conversation and receive update notifications?

Ask