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.Util
      - Color Sort by RGB Proximity
    - Uize.Color.xCmyk
      - Color Format Converter
    - Uize.Color.xHsv
      - Color Format Converter
    - Uize.Color.xSvgColors
    - Color Format Converter
    - Color Gradient Tool
    - Color Sort by RGB Proximity
    - 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.Dom
    - Uize.Dom.Tree
      - Get Tree from List
      - Get Tree from Page
    - Uize.Dom.VirtualEvent
      - Uize.Dom.VirtualEvent.ModClick
        
        Virtual DOM Events
      - Edge Virtual DOM Events
      - Virtual DOM Events
    - Uize.Dom.VirtualEvents
      - Uize.Dom.VirtualEvents.Edge
        
        Edge Virtual DOM Events
      - Uize.Dom.VirtualEvents.Remain
        
        Virtual DOM Events
  - Uize.Fade
    - Uize.Fade.Factory
    - 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
    - Uize.Json.MultiLineStringLiteral
      - Multi-line String Serializer
    - JSON Prettifier
  - Uize.Loc
    - Uize.Loc.Pseudo
      - Pseudo-localizer
  - 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.Html
      - Uize.Util.Html.Entities
        
        HTML Entities Table
      - Uize.Util.Html.EntityInfo
        
        HTML Entities Table
    - Uize.Util.PropertyAdapter
      - Basic Color Grid
      - 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
        
        Multiple Sliders From a Template
      - Bars For Data Comparison
      - Slideshow of Data
      - Slideshow With Dissolve
    - Uize.Widget.Button
      - Uize.Widget.Button.Toggle
        
        Uize.Widget.Button.Toggle
    - Uize.Widget.Calculator
      - JavaScript Calculator Widget
    - 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.ColorGrid
      - Uize.Widget.ColorGrid.Draggable
        
        Color Grid With Color Pickers
      - Basic Color Grid
    - Uize.Widget.Drag
      - Uize.Widget.Drag.Move
        
        Drag-to-move
      - 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.Themes
        
        Slideshow With Wipes
        
        Uize.Widget.ImageWipe
      - Slideshow With Wipes
      - Uize.Widget.ImageWipe
    - Uize.Widget.ListEditor
      - Domain List Editor
    - 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.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.SlideShow
      - Uize.Widget.SlideShow.AutoAdvance
        
        Uize.Widget.SlideShow.AutoAdvance.WithSlideSelectors
        
        Mantle Slideshow
        
        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
        
        Slideshow of Data
        
        Uize.Widget.Swap.Image
      - Uize.Widget.Swap.Themes
        
        Image Cycle
        
        Uize.Widget.Swap.Image
      - Sequenced Show Using Swap
    - Uize.Widget.TableSort
      - Basic Table Sort
      - Complex Table Sort
      - HTML Entities Table
      - Sortable Color Table
    - Uize.Widget.ThumbZoom
      - Sequenced Show
      - Sequenced Show Using Swap
      - Uize.Widget.ThumbZoom
    - Uize.Widget.Tree
      - Uize.Widget.Tree.Select
        
        Hierarchical Selector
        
        Two Hierarchical Selectors
    - enabled/busy in Widget Tree
    - setNodeValue on Multi-select
    - Shared UI
    - The setNodeValue Method
  - Uize.Widgets
    - Uize.Widgets.Bar
      - Uize.Widgets.Bar.FullEmpty
        
        Uize.Widgets.Bar.FullEmpty.Widget
        
        Sliders in a Color Blender
    - Uize.Widgets.Bars
      - Uize.Widgets.Bars.UsedAndRemaining
        
        Uize.Widgets.Bars.UsedAndRemaining.Widget
        
        Characters Used Indicator
    - Uize.Widgets.Button
      - Uize.Widgets.Button.Widget
        
        Button
    - Uize.Widgets.Calendar
      - Uize.Widgets.Calendar.Widget
        
        Calendar
        
        Calendar Controls Wikipedia
    - Uize.Widgets.Dialog
      - Uize.Widgets.Dialog.Widget
        
        Dialog
        
        Resizable Dialog
    - Uize.Widgets.DigitalClock
      - Uize.Widgets.DigitalClock.Hms
        
        Uize.Widgets.DigitalClock.Hms.Widget
        
        Digital Clock
    - Uize.Widgets.Form
      - Uize.Widgets.Form.Input
        
        Uize.Widgets.Form.Input.Text
        
        Uize.Widgets.Form.Input.Text.Widget
        
        Color Format Converter
    - Uize.Widgets.Log
      - Uize.Widgets.Log.Widget
        
        UIZE Unit Tests
    - Uize.Widgets.NavTree
      - Uize.Widgets.NavTree.List
        
        Uize.Widgets.NavTree.List.Widget
        
        Tree List From JSON
      - Uize.Widgets.NavTree.Menu
        
        Uize.Widgets.NavTree.Menu.Widget
        
        Tree Menu From JSON
    - Uize.Widgets.Pickers
      - Uize.Widgets.Pickers.Date
        
        Uize.Widgets.Pickers.Date.Widget
        
        Date Picker
    - Uize.Widgets.RgbSliders
      - Uize.Widgets.RgbSliders.Widget
        
        Color Picker
        
        Color Pickers With Gradient
    - Uize.Widgets.SegmentDisplay
      - Uize.Widgets.SegmentDisplay.Seven
        
        Uize.Widgets.SegmentDisplay.Seven.Widget
        
        Digital Clock
        
        Seven Segment Display
    - Uize.Widgets.SimpleStatsTable
      - Uize.Widgets.SimpleStatsTable.Sortable
        
        Uize.Widgets.SimpleStatsTable.Sortable.Widget
        
        Dependency Analyzer
      - Uize.Widgets.SimpleStatsTable.Widget
        
        Dependency Analyzer
    - Uize.Widgets.Slider
      - Uize.Widgets.Slider.Gradient
        
        Uize.Widgets.Slider.Gradient.Widget
        
        Sliders in a Color Blender
      - Uize.Widgets.Slider.Widget
        
        Basic Slider
        
        Sliders as RGB Selectors
        
        Sliders in a Color Blender
        
        The Built-in Slider Skin
    - Uize.Widgets.Tools
      - Uize.Widgets.Tools.JsonSerializer
        
        Uize.Widgets.Tools.JsonSerializer.Widget
        
        JSON Prettifier
      - Uize.Widgets.Tools.MultiLineStringSerializer
        
        Uize.Widgets.Tools.MultiLineStringSerializer.Widget
        
        Multi-line String Serializer
      - Uize.Widgets.Tools.PseudoLocalizer
        
        Pseudo-localizer
    - Uize.Widgets.VisualSampler
      - Uize.Widgets.VisualSampler.Widget
        
        Widget Visual Samplers
    - Uize.Widgets.VisualTests
      - Uize.Widgets.VisualTests.TestCase
        
        Uize.Widgets.VisualTests.TestCase.Widget
        
        Widget Visual Tests
      - Uize.Widgets.VisualTests.Widget
        
        Widget Visual Tests
- UizeSite
  - UizeSite.Widgets
    - UizeSite.Widgets.UnitTests
      - UizeSite.Widgets.UnitTests.Widget
        
        UIZE Unit Tests