MODULES Uize.Widget.mCssBindings
1. Introduction
The Uize.Widget.mCssBindings mixin implements features to provide various different ways to bind state properties to CSS classes on the root node of a widget.
DEVELOPERS: Chris van Rensburg
1.1. Examples
There are no dedicated showcase example pages for the Uize.Widget.mCssBindings module.
SEARCH FOR EXAMPLES
Use the link below to search for example pages on the UIZE Web site that reference the Uize.Widget.mCssBindings module...
SEARCH
1.2. Implementation Info
The Uize.Widget.mCssBindings module defines the Uize.Widget.mCssBindings object under the Uize.Widget namespace.
1.2.1. Features Introduced in This Module
The features listed in this section have been introduced in this module.
STATIC PROPERTIES
Uize.Widget.mCssBindings.moduleName | Uize.Widget.mCssBindings.pathToResources
1.2.2. Features Overridden in This Module
No features have been overridden in this module.
1.2.3. Features Inherited From Other Modules
This module has no inherited features.
1.2.4. Modules Directly Under This Namespace
There are no modules directly under this namespace.
1.2.5. Unit Tests
The Uize.Widget.mCssBindings module is unit tested by the Uize.Test.Uize.Widget.mCssBindings test module.
2. Instance Methods
2.1. rootNodeCssClasses
Returns a string, representing the CSS classes string that is applied to the root node of the widget.
SYNTAX
cssClassesSTR = myInstance.rootNodeCssClasses ();
NOTES
see also the related cssClass instance method and the cssBindings static method |
3. Static Methods
3.1. Uize.Widget.mCssBindings.cssBindings
Lets you declare one or more bindings of state properties to CSS classes on the root node.
SYNTAX
MyWidgetClass.cssBindings (bindingsOBJ);
EXAMPLE
MyNamespace.MyWidgetClass = Uize.Widget.V2.subclass ({
stateProperties:{
size:{value:'small'}
},
cssBindings:{
size:'value'
}
});