JavaScript Examples, By Module | UIZE JavaScript Framework

This document provides a directory of the JavaScript example pages on the UIZE JavaScript Framework, organized by the primary JavaScript module that they showcase.

Examples (organized by module)
- Uize
  - Uize.Array
    - Uize.Array.Order
      - Sequenced Show
      - Sequenced Show Using Swap
  - Uize.Build
    - Uize.Build.Scruncher
      - JavaScript Scruncher
  - Uize.Class
    - Transferring State
  - Uize.Color
    - Uize.Color.xCmyk
      - Color Format Converter
    - Uize.Color.xHsv
      - Color Format Converter
    - Uize.Color.xSvgColors
      - Color Format Converter
      - Sortable Color Table
    - Uize.Color.xUtil
      - Color Sort by RGB Proximity
    - Color Format Converter
    - Color Gradient Tool
    - Fade As a Color Chart
    - Sliders as RGB Selectors
    - Sliders in a Color Blender
  - Uize.Curve
    - Curve Explorer
    - Fade CSS Style Across Nodes
  - Uize.Data
    - Uize.Data.Simple
      - Simple Data Tester
  - Uize.Doc
    - Uize.Doc.Simple
      - SimpleDoc Tester
  - Uize.Fade
    - Uize.Fade.xFactory
      - Basic Mask
    - Fade As a Color Chart
    - Fade As a Graph
    - Fade Quantization Chart
    - Fading an Object
  - Uize.Fx
    - Uize.Fx.xShadows
      - Animated Buttons with Box Shadow
      - Fade CSS Style Across Nodes
    - Animate Position in JavaScript
    - Animate Size in JavaScript
  - Uize.Json
    - JSON Prettifier
  - Uize.Node
    - Uize.Node.Tree
      - Get Tree from List
      - Get Tree from Page
    - Uize.Node.VirtualEvent
      - Uize.Node.VirtualEvent.Edge
        
        Edge Virtual DOM Events
      - Virtual DOM Events
  - Uize.Template
    - Dynamic Options
    - JavaScript Template Tester
  - Uize.Templates
    - Uize.Templates.List
      - List Template
  - Uize.Test
    - UIZE Unit Tests
  - Uize.Util
    - Uize.Util.Coupler
      - Coupled Zooming Collection Items
      - Transferring State
    - Uize.Util.PropertyAdapter
      - Color Format Converter
  - Uize.Widget
    - Uize.Widget.AutoTooltip
      - Auto Tooltip for Photo Info
      - Generic Auto Tooltip
    - Uize.Widget.Bar
      - Uize.Widget.Bar.Progress
        
        Basic Progress Bar
      - Uize.Widget.Bar.Slider
        
        Uize.Widget.Bar.Slider.Plus
        
        Slider Plus Buttons
        
        Uize.Widget.Bar.Slider.xSkin
        
        The Built-in Slider Skin
        
        Basic Slider
        
        Characters Used Indicator
        
        Multiple Sliders From a Template
        
        Sliders as RGB Selectors
        
        Sliders in a Color Blender
        
        The Built-in Slider Skin
      - Bars For Data Comparison
      - Slideshow of Data
      - Slideshow With Dissolve
    - Uize.Widget.Bevel
      - Basic Bevel
      - Bevel On Multiple Images
    - Uize.Widget.Button
      - Uize.Widget.Button.Toggle
        
        Uize.Widget.Button.Toggle
      - Button
      - Button Types
    - Uize.Widget.Calculator
      - JavaScript Calculator Widget
    - Uize.Widget.Calendar
      - Calendar
      - Calendar Controls Wikipedia
    - Uize.Widget.Collection
      - Uize.Widget.Collection.Dynamic
        
        Dynamic Collection
    - Uize.Widget.CollectionItem
      - Uize.Widget.CollectionItem.Zooming
        
        Coupled Zooming Collection Items
        
        Zooming Collection Item with Image Switching
        
        Zooming Collection Items
    - Uize.Widget.ColorCube
      - Uize.Widget.ColorCube.Draggable
        
        Color Cube With Color Pickers
      - Basic Color Cube
    - Uize.Widget.ColorPicker
      - Color Picker
      - Color Pickers With Gradient
    - Uize.Widget.Dialog
      - Uize.Widget.Dialog.xResizable
        
        Resizable Dialog
      - Dialog
    - Uize.Widget.Drag
      - Uize.Widget.Drag.Move
        
        Drag-to-move
      - 3D Rotation Viewer
    - Uize.Widget.Fade
      - Uize.Widget.Fade.xFactory
        
        3D Rotation Viewer
    - Uize.Widget.HoverFader
      - Animated Buttons with Box Shadow
      - Fading Links
      - Hover Fader Color Effects
      - Hover Fader for Thumbnails
      - Hover Fader Stretching Menu
      - Hover Fader Text Shadow Animation
    - Uize.Widget.ImagePort
      - Uize.Widget.ImagePort.Draggable
        
        Draggable Image Port
        
        Marquee and Image Port
        
        Tiled Zoom and Pan
        
        Zoom and Pan
      - Basic Image Port
      - Image Port Inside a Marquee
    - Uize.Widget.ImageWipe
      - Uize.Widget.ImageWipe.xPresets
        
        Uize.Widget.ImageWipe
      - Slideshow With Wipes
    - Uize.Widget.ListEditor
      - Domain List Editor
    - Uize.Widget.Log
      - UIZE Unit Tests
    - Uize.Widget.MagView
      - Mag View
    - Uize.Widget.Mask
      - Basic Mask
    - Uize.Widget.Options
      - Uize.Widget.Options.Tabbed
        
        Uize.Widget.Options.Tabbed.Fading
        
        Tabbed Interface With Fade
        
        Tabbed Interface
      - Dynamic Options
      - Options
    - Uize.Widget.Page
      - Decorated Confirm Dialog
    - Uize.Widget.Picker
      - Uize.Widget.Picker.Date
        
        Date Picker
    - Uize.Widget.Population
      - Populating Photo Details
      - Structured Record Population
    - Uize.Widget.Resizer
      - Uize.Widget.Resizer.Marquee
        
        Basic Marquee
        
        Different Marquee Modes
        
        Image Port Inside a Marquee
        
        Marquee and Image Port
        
        Marquee With Rest Update
        
        Transferring State
    - Uize.Widget.Scrolly
      - Scrolly
      - Scrolly Carousel
    - Uize.Widget.SegmentDisplay
      - Uize.Widget.SegmentDisplay.Seven
        
        Digital Clock
        
        Seven Segment Display
    - Uize.Widget.SlideShow
      - Uize.Widget.SlideShow.AutoAdvance
        
        Mantle Slideshow
      - Mantle Slideshow
      - Slideshow
      - Slideshow of Data
      - Slideshow With Dissolve
      - Slideshow With Wipes
    - Uize.Widget.Swap
      - Uize.Widget.Swap.Deck
        
        Deck Swapper
      - Uize.Widget.Swap.Html
        
        Basic HTML Swap
      - Uize.Widget.Swap.Image
        
        Uize.Widget.Swap.Image.Cycle
        
        Image Cycle
        
        Image Swap With PNG
        
        Slideshow of Data
        
        Uize.Widget.Swap.Image
      - Uize.Widget.Swap.xPresets
        
        Image Cycle
      - Sequenced Show Using Swap
    - Uize.Widget.TableSort
      - Basic Table Sort
      - Complex Table Sort
      - Sortable Color Table
    - Uize.Widget.TextInput
      - Color Format Converter
    - Uize.Widget.ThumbZoom
      - Sequenced Show
      - Sequenced Show Using Swap
      - Uize.Widget.ThumbZoom
    - Uize.Widget.Tree
      - Uize.Widget.Tree.List
        
        Tree List From JSON
      - Uize.Widget.Tree.Menu
        
        Tree Menu From JSON
      - Uize.Widget.Tree.Select
        
        Hierarchical Selector
        
        Two Hierarchical Selectors
    - enabled/busy in Widget Tree
    - setNodeValue on Multi-select
    - Shared UI
    - The setNodeValue Method