EXAMPLE: Different Marquee Modes VIEW SOURCE

This example demonstrates some of the ways that the marquee widget can be configured to suit different needs. In the example, six instances of the Uize.Widget.Resizer.Marquee class are instantiated, each with a slightly different initial state. Above each marquee is a heading that summarizes how the marquee is configured. Play around with the marquees to see how each behaves. Then view the source code to see how they are configured.

2:1 fixed aspect ratio, constrained to area, 100 x 50 min size
1:1 fixed aspect ratio, constrained to area, 20 x 20 min size
free aspect ratio, constrained to area, 20 x 20 min size
free aspect ratio, not constrained to area, 20 x 20 min size
fixed width, constrained to area, 20 x 20 min size
fixed width and height, constrained to area, 20 x 20 min size