What is the best way to change the style of particular components.

answered 2009-08-07 07:43:43 +0800

baskaraninfo
536 ● 2 ● 2 ● 9

I have been using 'sclass="custom_grid"' according to the grid.

I think I want to move my style details inside a separate CSS file and I can refer in all my screens. Then I can specify the style using sclass for each grid.

Any suggestions?

Thanks.

answered 2009-08-07 08:12:49 +0800

baskaraninfo
536 ● 2 ● 2 ● 9

I have created a custom component as follows:

[Added in lang-addon.xml file]:
<component>
<extends>grid</extends>
<component-name>tpfieldgrid</component-name>
<property>
<property-name>fixedLayout</property-name>
<property-value>true</property-value>
<property-name>oddRowSclass</property-name>
<property-value>none</property-value>
<!--
<property-name>sclass</property-name>
<property-value>"fieldgrid"</property-value>
-->
</property>
</component>

[custom component used as follows]:
<tpfieldgrid>
<columns visible="false">
<column label="" width="24%" />
<column label="" width="30%" />
<column label="" width="4%" />
<column label="" width="1%" />
<column label="" width="13%" />
<column label="" width="30%" />
</columns>
<rows>
<row>
<label value="Location Transfer No"
width="80%" />
<textbox value="" width="80%" />
<image src="" width="80%" />
<label value="" width="80%" />
<label value="From Location" width="80%" />
<combobox width="80%">
<comboitem label="" />
<comboitem label="" />
</combobox>
</row>
<row>
<textbox />
<label value="" width="80%" />
<label value="" width="80%" />
<label value="" width="80%" />
<label value="To Location" width="80%" />
<combobox width="80%">
<comboitem label="" />
<comboitem label="" />
</combobox>
</row>
<row>

</row>
</rows>
</tpfieldgrid>

The problem here is, the custom component exists. But, the associated property settings are not considered.

Am I doing anything wrong?

Thanks.