(ZK) Menulis Tag HTML di ZK Framework

Sedikit fakum karena Mr.Root lagi ada sedikit problem, dan juga app Annabe POS juga mau siap di lincurkan jadi di sempat sempatkan untuk mengisi blog ini, walau pun sederahana saya pastikan ini sangat bermanfaaat, kenapa ? karena Tag HTML merupakan tampilan dalam sebuah WEB, sehingga saya siap untuk memposting ini, ZK merupakan App yang berbasis WEB, jadi kita sedikit menabah Tag Tag HTML untuk mempercantik tampilan App kita. Ok kita mulai..

 <html><![CDATA[

<font size="30" face="PicoBlackAl" color="red" >Annabe POS</font>

]]>  </html>

Penjelasan

<html>< (Merupakan Tag yang menandakan HTML)

![Data[ Body yang akan di isi ]] (Tempat meletakkan tag HTML)

Contoh

<zk xmlns="http://www.zkoss.org/2005/zul">
 <window id="utama" border="normal"  height="100%" width="100%" >
	<colorbox width="30px" height="25px" color="#029BCB">
			<attribute name="onChange"><![CDATA[
			utama.setContentStyle("background-color:" + self.getColor());
			]]></attribute>
		</colorbox>
	
 <borderlayout id="border" apply="Control.Index.Index">
      <north id="topPanel" border="none" height="95px">
            <div>
                <div width="100%" height="68px">
                    <html><![CDATA[
<font size="30" face="PicoBlackAl" color="red" >Annabe POS</font>
            ]]>  </html>
                <iframe id="frameHeader" src="" height="70px" width="100%" style="border:0; margin:0; padding:0"/>
                </div>
               
                <div width="100%" style="background-color:#ccc">
                    <menubar id="menubar">
                    	<menuitem id="a1" label="Home"/>
                    	<menuitem id="a11" label="Produk"/>
                    	<menuitem id="a13" label="Kasir"/>
                        <menuitem id="a10" label="Kategori Barang"/>
                        <menuitem id="a2" label="Barang"/>
                        <menuitem id="a3" label="Customer"/>
                        <menuitem id="a4" label="Supplier "/>
                        <menuitem id="a5" label="Penjualan"/>
                        <menuitem id="a7" label="Laporan"/>
                        <menuitem id="a12" label="Managent User"/>
                        <menuitem id="a8" label="Ganti Password"/>
                        <menuitem id="a9" label="Bantuan"/>
                        <menuitem id="a14" label="Keluar"/>
                    </menubar> 
                </div>
            </div>
        </north>
        <center id="centerPanel" border="normal" flex="true" title="" style="border-bottom:0" autoscroll="true">
            <include id="centerInclude" src="Zul/home.zul"/>
        </center>
    </borderlayout>
    <label> Annabe POS  Copyright (C) 2012  Anna arthdi putra</label>

		</window>
</zk>
Advertisements

Published by

jarcode

hello I am jarcode

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s