1) IMAGEDISPLAY
-------------
<img mode="float" src="Images/partly_cloudy.png" alt="*" />
2) LINKS
-----
<nl>
<ni icon="orangeicon://more" href="!READALL!&amp;det=2&amp;feedid=!PLUSID!&amp;feeddet=t" >Plus(!COUNT!)</ni>
</nl>
3) BLOCK
-----
<block mode="major" title="Block" subtitle="Major">
Such a block is usually reserved for portal home pages.
</block>
<block title="Block" subtitle="Normal">
Such a block may be used in any pages.
</block>
<block title="Block" subtitle="Secondary" class="secondary">
Such a block may be used in any pages.
</block>
<block title="Block" subtitle="Tertiary" class="tertiary">
Such a block may be used in any pages.
</block>
<block title="Block" subtitle="With an href" href="anyurl">
The title may be clicked to go to the href.
</block>
<block banner="orangeicon://banner/bloc_sport" title="Sport">
Block with a banner. If a title is specified, it will be used in place of the banner for low-end devices.
</block>
<block>
Block without title.
</block>
4) BASIC CONTENT
-------------
<block title="Basic content">
This is <sup>superscript</sup>.<br/>
This is <sub>subscript</sub>.<br/>
This is <strong>strong text</strong>.<br/>
This is a <em>normal emphasized text</em>, a
<em mode="negative">negative emphasized text</em>
and a <em mode="positive">positive emphasized
text</em>.
</block>
5) HYPERLINKS
----------
<ni href="home.oml">
Service Name
</ni>
<ni href="first.oml">
First step
</ni>
<ni href="second.oml">
Second step
</ni>
<ni href="#">
Third step
</ni>
6) FORM
-----
<block title="One ok button">
<form action="/any/url" method="post">
<input name="field1" label="Enter words" type="text"/>
<input type="ok"/>
</form>
<form action="/any/url" method="post" mode="orange-action">
<input name="field1" label="Enter words" type="text"/>
<input type="ok"/>
</form>
<form action="/any/url" method="post" mode="action">
<input name="field1" label="Enter words" type="text"/>
<input type="ok"/>
</form>
</block>
<block title="Several ok buttons and one submit button">
<form action="/any/url" method="post" mode="action">
<input name="to" label="To:" type="text"/>
<input type="ok" name="addto" label="Add"/>
<input name="cc" label="Cc:" type="text"/>
<input type="ok" name="addcc" label="Add"/>
<textarea name="msg" label="Message:"/>
<input type="submit" label="Send"/>
</form>
</block>
7) LIST AND TABLES
----------------
<block title="Unordered list"> <ul> <li>This is the first item</li> <li icon="orangeicon://galleryLink">This is the second item</li> </ul> </block> <block title="Ordered
list"> <ol> <li>This is the first item</li> <li>This is the second item</li> </ol> </block>
8) STYLING PROPERTIES
------------------
http://orangeml.hopto.org/doc/doku.php?id=available_styling_properties
9) SCRIPT TO OPEN TO WINDOW
------------------------
http://orangeml.hopto.org/doc/doku.php?id=doml:omlscript
<nl>
<ni href="omlscript:mywindow1.open()">Open the window 1</ni>
</nl>
...
...
<form action="#">
<input type="button" href="omlscript:mywindow2.open()" label="Open the window 2"/>
</form>
10) weather details template format
================================
Ref:url-->http://ftprepminiger.imimobile.net/omlhome.aspx?typxm=weather&action=Gaya&LANG=en&MCO=OFR
<block title="Gaya"><div><img mode="float" src="Images/partly_cloudy.png" alt="*"/><strong>2 Jul 2012</strong><br/>
Mardi Mon <br/>
Haut <em>38°C</em>
Bas <em>29°C</em><br/>
Scattered Thunderstorms
</div><div><img mode="float" src="Images/partly_cloudy.png" alt="*"/><strong>3 Jul 2012</strong><br/>
Mardi Tue <br/>
Haut <em>37°C</em>
Bas <em>29°C</em><br/>
Cloudy
</div></block><block><nl><ni href="omlhome.aspx?typxm=weatheralert" icon="orangeicon://actions/add">S?abonner alerte</ni></nl></block><block><nl><ni href="omlhome.aspx?
typxm=weatherallalerts" icon="orangeicon://actions/add">Alertes météo</ni></nl></block><block title="autres villes"><nl mode="direct-access"><ni href="omlhome.aspx?
typxm=weather&action=Agadez">Agadez</ni><ni href="omlhome.aspx?typxm=weather&action=Diffa">Diffa</ni><ni href="omlhome.aspx?typxm=weather&action=Dosso">Dosso</ni><ni
href="omlhome.aspx?typxm=weather&action=Maradi">Maradi</ni><ni href="omlhome.aspx?typxm=weather&action=Tahoua">Tahoua</ni><ni href="omlhome.aspx?
typxm=weather&action=Zinder">Zinder</ni></nl></block><block title="utile"/><block title=""><nl><ni href="">Religion</ni></nl><nl><ni href="">Emploi</ni></nl><nl><ni
href="">Femme</ni></nl><nl><ni href="">Santé</ni></nl><nl><ni href="">Apprendre l’anglais</ni></nl><nl><ni href="">Pensée du jour</ni></nl><nl><ni
href="">Pharmacie</ni></nl><nl><ni href="">Horoscope</ni></nl><nl><ni href="">Histoire</ni></nl></block>
11) checkboxes
==========
<input type="checkbox" name="FAV" label="Love & Life" value="25062012070830" checked="checked"/>
<input type="checkbox" name="FAV" label="Offres d'emploi" value="25062012070844" checked="checked"/>
<input type="checkbox" name="FAV" label="Histoire" value="25062012070900" checked="checked"/>
<input type="checkbox" name="FAV" label="Santé" value="25062012070916"/>
12) Buttons
=======
<input type="submit" name="favok" label="guardar" class="important"/>
<input type="button" name="favcancel" label="cancelar" class="secondary" href="omlhome.aspx"/>
13) carousel (Image sliding)
--------
http://orangeml.hopto.org/doc/doku.php?id=doml:carousels
<carousel>
<ci>
<headline title="Chelsea defeated !" detailhref="#">
<img src="staderennais.gif" mode="float" alt="Rennes"/>
Stade Rennais defeats Chelsea 4 - 0
</headline>
</ci>
<ci>
<headline title="Toulouse vs. Glasgow" detailhref="#">
<img src="rugby.gif" mode="float" alt="Rennes"/>
A Heineken Cup match, tomorrow at Stade Ernest Wallon
</headline>
</ci>
<ci>
<nl>
<ni href="#">Tennis</ni>
<ni href="#">Curling</ni>
<ni href="#" icon="orangeicon://more">More</ni>
</nl>
</ci>
</carousel>
14) Pagination
----------
http://orangeml.hopto.org/doc/doku.php?id=element:pagination
15 dropdown
--------
http://orangeml.hopto.org/doc/doku.php?id=doml:dropdown
<block title="The dropdown <div>">
<div title="Chewy" mode="dropdown">
<img mode="float" src="chewy.gif" alt="chewy"/>
Is there any hairdresser out there ?
</div >
<div title="Yoda" mode="dropdown" status="open">
<img mode="float" src="yoda.gif" alt="chewy"/>
No! Try not. Do. Or do not. There is no try.
</div >
</block>
No comments:
Post a Comment