JAVASCRIPT EXAMPLES Basic Marquee
In this basic example, an instance of Uize.Widget.Resizer.Marquee
provides a very simple marquee widget. The marquee is configured so that it cannot be moved outside of its container node, by setting its constrained
state property to true
. It can be resized to an arbitrary aspect ratio, but it cannot be made smaller than 20x20, accomplished by setting the minWidth
and minHeight
state properties. A handler is registered for the Position Changed
instance event, so that the coordinates of the marquee are displayed (in text inputs to the right) as you move and resize it. Additionally, a new marquee can be created by clicking and dragging in a fresh spot outside the marquee's current area.
- Current Position: LEFT: | TOP: | WIDTH: | HEIGHT:
- Fade left State Property (canonicalized to equivalent signature):
- Uize.Fade.Factory.fade ({context:marquee,handler:'set'},{left:100},{left:0},2000,{quantization:1})
- Uize.Fade.Factory.fadeProperty (marquee,'left',100,0,2000,{quantization:1})
- Uize.Fade.Factory.fadeProperties (marquee,{left:100},{left:0},2000,{quantization:1})
- Uize.Fade.Factory.fadeMethod (marquee,'set',{left:100},{left:0},2000,{quantization:1})
- Fade width State Property (canonicalized to equivalent signature):
- Uize.Fade.Factory.fade ({context:marquee,handler:'set'},{width:100},{width:200},3000,{quantization:1})
- Uize.Fade.Factory.fadeProperty (marquee,'width',100,200,3000,{quantization:1})
- Uize.Fade.Factory.fadeProperties (marquee,{width:100},{width:200},3000,{quantization:1})
- Uize.Fade.Factory.fadeMethod (marquee,'set',{width:100},{width:200},3000,{quantization:1})
- Fade left & width State Properties (canonicalized to equivalent signature):
- Uize.Fade.Factory.fade ({context:marquee,handler:'set'},{left:100,width:100},{left:0,width:400},3000,{quantization:1})
- Uize.Fade.Factory.fadeProperties (marquee,{left:100,width:100},{left:0,width:400},3000,{quantization:1})
- Uize.Fade.Factory.fadeMethod (marquee,'set',{left:100,width:100},{left:0,width:400},3000,{quantization:1})
- Fade top & height State Properties (canonicalized to equivalent signature):
- Uize.Fade.Factory.fade ({context:marquee,handler:'set'},{top:100,height:50},{top:0,height:200},3000,{quantization:1})
- Uize.Fade.Factory.fadeProperties (marquee,{top:100,height:50},{top:0,height:200},3000,{quantization:1})
- Uize.Fade.Factory.fadeMethod (marquee,'set',{top:100,height:50},{top:0,height:200},3000,{quantization:1})