You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
4.4 KiB

<?xml version="1.0" encoding="utf-8" ?>
<jsml xmlns="http://cutesoft.net/jsml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://cutesoft.net/jsml ../../core/jsml.xsd">
<panel jsml-class="ribbon_{skin}_{color}" dock="left" overflow_x="visible" margin="2" padding="2,2,0,2" height="104" width="32" >
<label dock="bottom" jsml-local="label" css_class="ribbonlabel" height="15" margin="0,-5,0,-4" text="ribbon" font_size="11px" width="20" vertical_align="bottom" horizontal_align="center">
<jsml-ref name="rteborderstyle"/>
</label>
<attach name="set_text">
label.set_text(self.get_text());
</attach>
<jsml-ref name="rteborderstyle"/>
<initialize>
self.toggle_css_class("ribbon_{skin}");
self.toggle_css_class("ribbon_{color}");
self.toggle_css_class("ribbon_{skin}_{color}");
</initialize>
</panel>
<image jsml-class="ribbonimage_{skin}_{color}" jsml-base="image_skin_base" dock="left">
<initialize>
self.toggle_css_class("rbimage_{skin}");
self.toggle_css_class("rbimage_{color}");
self.toggle_css_class("rbimage_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("rbimage_{skin}_"+name,mode);
self.toggle_css_class("rbimage_{color}_"+name,mode);
self.toggle_css_class("rbimage_{skin}_{color}_"+name,mode);
</attach>
</image>
<panel jsml-class="tbgroup_{skin}_{color}" dock="flow" overflow_x="visible" margin="2,3,3,2" height="22" width="20" >
<initialize>
self.toggle_css_class("tbgroup_{skin}");
self.toggle_css_class("tbgroup_{color}");
self.toggle_css_class("tbgroup_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("tbgroup_{skin}_"+name,mode);
self.toggle_css_class("tbgroup_{color}_"+name,mode);
self.toggle_css_class("tbgroup_{skin}_{color}_"+name,mode);
</attach>
<jsml-ref name="rteborderstyle"/>
<method name="append_child" arguments="ctrl" overrideas="tbgroup_append_child">
<![CDATA[
self.tbgroup_append_child(ctrl);
if("{color}"!="silver2")return;
var cn=ctrl._element.className;
if(cn&&cn.indexOf("dropdown")!=-1)
{
self.set_padding([0,-1,0,0])
self.paddingisset=true;
}
else if(self.paddingisset)
{
self.set_padding([0,0,0,0])
self.paddingisset=false;
}
]]>
</method>
<initialize>
if("{color}"=="blue2")self.set_padding([0,-1,0,-1])
</initialize>
</panel>
<panel jsml-class="linebreak_{skin}_{color}" dock="flow" flow_clear="newline" width='0'></panel>
<image jsml-class="image_{skin}_{color}" jsml-base="image_skin_base" dock="left">
<initialize>
self.toggle_css_class("tbcontrol_{skin}");
self.toggle_css_class("tbcontrol_{color}");
self.toggle_css_class("tbcontrol_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("tbcontrol_{skin}_"+name,mode);
self.toggle_css_class("tbcontrol_{color}_"+name,mode);
self.toggle_css_class("tbcontrol_{skin}_{color}_"+name,mode);
</attach>
</image>
<panel jsml-class="splitbtn_{skin}_{color}" jsml-base="splitbtn_skin_base" width="32" dock="left">
<initialize>
self.toggle_css_class("splitbtn_{skin}");
self.toggle_css_class("splitbtn_{color}");
self.toggle_css_class("splitbtn_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("splitbtn_{skin}_"+name,mode);
self.toggle_css_class("splitbtn_{color}_"+name,mode);
self.toggle_css_class("splitbtn_{skin}_{color}_"+name,mode);
</attach>
</panel>
<panel jsml-class="dropdown_{skin}_{color}" jsml-base="dropdown_skin_base" margin="0">
<initialize>
self.toggle_css_class("dropdown_{skin}");
self.toggle_css_class("dropdown_{color}");
self.toggle_css_class("dropdown_{skin}_{color}");
</initialize>
<attach name="tooglecssclass" arguments="jevent,name,mode">
self.toggle_css_class("dropdown_{skin}_"+name,mode);
self.toggle_css_class("dropdown_{color}_"+name,mode);
self.toggle_css_class("dropdown_{skin}_{color}_"+name,mode);
</attach>
</panel>
<include src="{folder}skins/{skin}/toolbar_{toolbar}.xml?{timems}" />
<include src="{folder}skins/_shared/_layout.xml?{timems}" />
<panel jsml-class="rteskin_{skin}_{color}" width="200" height="200">
<jsml-ref name="rteborderstyle"/>
<jsml-ref name="_shared_layout_{skin}_{color}"/>
</panel>
</jsml>