WakiCoolBar's Main Attribute:
TitleHeight:Set
up the title's height.
TitleBgColor:Set up the title's color.
MouseOverBackground:When mouse move into the
title,it show the image.
MouseOutBackground:When mouse move out the title,it show the image.
ContentXML:Set up the show content item's xml file
path.The sample file content is:
content.xml
----------------------------------
<?
xml
version="1.0"
encoding="utf-8"
?>
<Wakisoft>
<CoolBar
value="WakiCoolBar"
imagestyle="none">
<BarItem
value=" Today"
url="sample.aspx?content=0"
target="_self"/>
<BarItem
value=" InBox"
url="sample.aspx?content=1"
target="_self"/>
<BarItem
value=" Calendar"
url="sample.aspx?content=2"
target="_self"/>
<BarItem
value=" Contact"
url="sample.aspx?content=3"
target="_self"/>
<BarItem
value=" Task"
url="sample.aspx?content=4"
target="_self"/>
<BarItem
value=" Note"
url="sample.aspx?content=5"
target="_self"/>
<BarItem
value=" Rubbish"
url="sample.aspx?content=6"
target="_self"/>
</CoolBar>
<CoolBar
value=" Customer"
imagestyle="small">
<BarItem
value=" Draft"
smallimage="images/draft.gif"
url="sample.aspx?content=7"
target="_self"/>
<BarItem
value=" Send"
smallimage="images/send.gif"
url="sample.aspx?content=8"
target="_self"/>
<BarItem
value=" Sent"
smallimage="images/sent.gif"
url="sample.aspx?content=9"
target="_self"/>
<BarItem
value=" Daybook"
smallimage="images/diary.gif"
url="sample.aspx?content=10"
target="_self"/>
</CoolBar>
<CoolBar
value=" Other"
imagestyle="big">
<BarItem
value=" MyComputer"
bigimage="images/mycomputer.gif"
url="sample.aspx?content=11"
target="_self"/>
<BarItem
value=" MyDocument"
bigimage="images/mydocument.gif"
url="sample.aspx?content=12"
target="_self"/>
<BarItem
value=" Favorite"
bigimage="images/favorite.gif"
url="sample.aspx?content=13"
target="_self"/>
</CoolBar>
</Wakisoft>
----------------------------------
DefaultItem:The
first show item.
WriteDirectory:Control will write the images file
in this directory,so it will get the write authority.
Skin:The control's skin style.Owner namespace
is:Wakisoft.Web.UI.WebControls.BarStyle.
Enum value is:None = 0,Outlook = 1,Violet = 2,Crystal = 3,GrassLand =
4,Metal = 5.
Height: Control's height.
Width: Control's width.
BackColor: Control's background color.
BorderColor:C ontrol's border color.
BorderStyle:Control's border style.
BorderWidth:Control's border width.
ForeColor:Control's font color.
TitleHeight£ºthe
title's height.
TitleFontColor£ºthe title's font color.
TitleBgColor£ºthe title's background color. Note: if already setting
the property of "InTitleImage" and "OutTitleImage", the background color can't
be show.
InTitleImage£ºShow the title's background image
when mouse move in title area. Note: when setting the property of "Skin",then
it's value will auto be set to inside's image.
OutTitleImage£ºShow the title's background image when mouse move out
title area.
BackGround: Setting the control's background
image.
BackGroundPosition: Setting
the background image's show location, only take effect after set the property
of "BackGround".
BackGroundRepeat: Setting
the background image's repeat style, it only take effect after setup the
property of "BackGround". The value has:
Repeat: Repeat fill style, it will
fill all background with image.
X_Repeat: X axis repeat style, it
will fill background in X axis direction.
Y_Repeat: Y axis repeat style, it
will fill background in Y axis direction.
NoRepeat£ºNo repeat, it only show the
image for once.
Panels: Control's main property, it is a
collection property, you can visually add child menu items in IDE. The child
panel's property is:
Value:
The text of Panel.
DefaultTarget: The
item's default open window.
MenuAlign : The items
align style .
TitleAlign : Set the panel's
title align style .
ImageStyle: The item's
image show style, the enum is : None,Small,Big.
Items:
It's a collection property, the Item's property is same to XML:
Value:
The title of item.
Url:
The URL address.
Target:
The target window, when click the url.
ImageUrl
: Show the big image.
PanelSrc£ºÉèSetup the panel's source, it is the url
of XML.
The content of sample XML:
----------------------------------
<?
xml
version="1.0"
encoding="utf-8"
?>
<Wakisoft>
<CoolBar
value="WakiCoolBar"
imagestyle="none">
<BarItem
value="Today"
url="sample.aspx?content=0"
target="_self"/>
<BarItem
value="InBox"
url="sample.aspx?content=1"
target="_self"/>
<BarItem
value="Calendar"
url="sample.aspx?content=2"
target="_self"/>
<BarItem
value="Contact"
url="sample.aspx?content=3"
target="_self"/>
<BarItem
value="Target"
url="sample.aspx?content=4"
target="_self"/>
<BarItem
value="Note"
url="sample.aspx?content=5"
target="_self"/>
<BarItem
value="Garbage"
url="sample.aspx?content=6"
target="_self"/>
</CoolBar>
<CoolBar
value="Custom"
imagestyle="small">
<BarItem
value="Draft"
imageurl
="images/draft.gif" url="sample.aspx?content=7"
target="_self"/>
<BarItem
value="OutBox"
imageurl="images/send.gif"
url="sample.aspx?content=8"
target="_self"/>
<BarItem
value="Sent"
imageurl="images/sent.gif"
url="sample.aspx?content=9"
target="_self"/>
<BarItem
value="Diary"
imageurl="images/diary.gif"
url="sample.aspx?content=10"
target="_self"/>
</CoolBar>
<CoolBar
value="Others"
imagestyle="big">
<BarItem
value="My Computer"
imageurl="images/mycomputer.gif"
url="sample.aspx?content=11"
target="_self"/>
<BarItem
value="My Document"
imageurl="images/mydocument.gif"
url="sample.aspx?content=12"
targetimageurl="_self"/>
<BarItem
value="Favorite"
imageimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlimageurlurl
="images/favorite.gif"
url="sample.aspx?content=13"
targetimageurl="_self"/>
</CoolBar>
</Wakisoft>
----------------------------------
DefaultItem:
The first show item when render menu items.
WriteDictory: Control will write images or other
resource files to this directory. The directory must be writable.
Skin: Control's skin, it combine some property, if
you don't use skin, you also can be same to setup the relative property.
The namespace is:Wakisoft.Web.UI.WebControls.BarStyle¡£
The enum value is: None = 0, Outlook = 1, Violet = 2, Crystal = 3,
GrassLand = 4, Metal = 5, Sunflower = 6, Mist = 7, Rose = 8, Tiger
= 9,
Height: Control's height.
Width: Control's width
BackColor: Control's background color.
BorderColor: Control's border color.
BorderStyle: Control's style of border.
BorderWidth: Control's border width.
ForeColor: Control's font color.
DataSource: Control's
datasource, it can be DataSet, DataTable or other Collection Object.
DataMember: When the DataSource is DataSet, then the
DataMember refer to the table name.
DataKeyField: Panel's main key field, it is relative
with Item's DataParentKeyField value.
DataParentKeyField: Item's parent key value, it will find
parent panel throught the key value. If it is panel, then the value must be -1.
DataImageUrlField: Item's Image field, it is no
effect when the DataParentKeyField is -1.
DataImageStyleField: Item's ImageStyle field.
DataTargetField: Item's Target field, it is no effect
when the DataParentKeyField is -1.
DataTitleField: Item's Value field, it is Panel's Value,
when the DataParentKeyField is -1.
DataUrlField: Item's Url field, it is no effect when the
DataParentKeyField is -1.