Extending : CSS Support for XUI Editor Extension : Extending customized XUI styling : XUI styling configuration
  
XUI styling configuration
1 By default, UNICOM® Digital Transformation Toolkit (UDTT™) provides following css for each widgets:
<css name="font" styleList="font-family;font-size;font-weight;font-style" method="setFont" converter="FontConverter"/>
<css name="margin" styleList="margin;margin-top;margin-right;margin-bottom;margin-left" method="setMargin" converter="MarginValueConverter"/>
<css name="border" styleList="border;border-style;border-color;border-width;border-top;border-right;border-bottom;border-left;border-top-color;border-top-width;border-top-style;border-right-color;border-right-style;border-right-width;border-bottom-style;border-bottom-width;border-bottom-color;border-left-style;border-left-width;border-left-color" method="setBorder" converter="BorderValueConverter"/>
<css name="padding" styleList="padding;padding-top;padding-right;padding-bottom;padding-left" method="setPadding" converter="PaddingValueConverter"/>
<css name="color" method="setForegroundColor" converter="ColorValueConverter"/>
<css name="background-color" method="setBackgroundColor" converter="ColorValueConverter"/>
<css name="text-align" method="setAlignment"/>
<css name="size" styleList="width;height" method="setSize" converter="DimensionConverter"/>
<css name="BTTDisabled-background-color" method=""/>
<css name="BTTDisabled-color" method=""/>
<<-- css name="background-image" method="setBackgroundImage"/ -->

<xui name="text" method="setText"/>
<xui name="disabled" method="setDisabled" converter="BooleanValueConverter"/>
<xui name="visibility" method="setAlpha"/>
<xui name="image" method="setImage"/>

<xui name="size" styleList="width;height" method="setSize" converter="XUIDimensionConverter"/>
2 If extension developer want to override the default mapping or create their own mapping, developer can add <supportStyling></supportStyling>in the widget configuration file.
For example, if there is no “padding” style, and no “height” for “size” style, developer can add below mapping configuration:
<supportedStyling>
<css name="padding" enabled="false"/>
<css name="size" styleList="width" method="setSize" converter="DimensionConverter"/>
</suppotedStyling>
Go up to
Extending customized XUI styling