XUI styling configuration

Procedure

  1. By default, BTT 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>