CCL Skin Definition Language

Contents

• Introduction
• Chapters
  • Skin Package
    • Neutral Design
  • Forms
  • Controls
    • Control Rendering
  • Layout
    • Anchor Layout
      • Basic Layout of Views
      • Table 3.1. View Attach Examples
      • Responsive Children and Alignment
    • Flexbox Layout
      • Skin Attribute Naming Scheme
      • flex.sizemode
    • Interfacing between Flexbox and Anchor Layouts
      • Flexbox nested in an Anchor Layout system
      • Anchor layout container nested in a Flexbox
      • Attachments within Flexbox layouts
    • Tips & Tricks
      • Vertically stacked views / Backgrounds / Overlays
  • Color Scheme
    • Skin Attributes
    • Value Curves
  • Styles
    • Composite Styles
• References
  • Skin Elements
    • Groups
      • 3D (14)
      • Animation (8)
      • Controls (34)
      • General (37)
      • Layout (12)
      • Resources (15)
      • Shapes (7)
      • Styles (9)
      • Views (11)
      • Workspace (6)
    • Schema Groups
      • Frame.Children (4)
      • Image.Children (4)
      • Model3D.Children (3)
      • Perspective.Children (2)
      • Resources.Children (15)
      • Scene3D.Children (7)
      • Shapes.Children (5)
      • Skin.Children (11)
      • Style (2)
      • Style.Children (11)
      • Target (2)
      • ThemeElements.Children (3)
      • Trigger.Children (4)
      • ViewsAndStatements (76)
      • switch.Children (2)
    • Classes
      • AbstractLayout
      • ActivityIndicator
      • Align
      • AlignView
      • AmbientLight3D
      • Anchor
      • Animation
      • BasicShape
      • Border
      • Button
      • Camera3D
      • CheckBox
      • Color
      • ColorBox
      • ColorScheme
      • ColorScheme.Color
      • ComboBox
      • CommandBarView
      • Control
      • Cursor
      • CursorView
      • Delegate
      • DialogButton
      • DialogGroup
      • DirectionalLight3D
      • Divider
      • DropBox
      • EditBox
      • Element
      • Ellipse
      • EmbeddedFrame
      • External
      • Externals
      • Flexbox
      • Font
      • FontResource
      • Form
      • Forms
      • Frame
      • Gradient
      • GradientStop
      • Header
      • HelpAnchor
      • Horizontal
      • IconSet
      • Image
      • ImageFilter
      • ImagePart
      • ImageView
      • Import
      • Imports
      • Include
      • Includes
      • Invoker
      • ItemView
      • Knob
      • Label
      • Layout
      • LightSource3D
      • Line
      • LinearGradient
      • Link
      • ListView
      • Material3D
      • Metric
      • Model3D
      • ModelNode3D
      • MultiToggle
      • Null
      • Object
      • Options
      • Overlay
      • Overlays
      • PageControl
      • Parameter
      • Perspective
      • Picture
      • PointLight3D
      • PopupBox
      • ProgressBar
      • RadialGradient
      • RadioButton
      • RangeSlider
      • Rectangle
      • Resource
      • Resources
      • Scene3D
      • SceneNode3D
      • SceneView3D
      • ScrollBar
      • ScrollButton
      • ScrollPicker
      • ScrollView
      • SegmentBox
      • SelectBox
      • Setter
      • Shape
      • ShapeColorMapping
      • ShapeImage
      • Shapes
      • SizeVariant
      • Skin
      • Slider
      • SolidColorMaterial3D
      • Space
      • StartAnimation
      • StopAnimation
      • String
      • Style
      • StyleAlias
      • Styles
      • SwipeBox
      • TabView
      • Table
      • Target
      • TextBox
      • TextEditor
      • TextureMaterial3D
      • TextureMaterial3D.Texture
      • ThemeElements
      • Toggle
      • ToolButton
      • TreeView
      • TriVectorPad
      • Triangle
      • Trigger
      • TriggerView
      • Triggers
      • UpDownBox
      • UpDownButton
      • ValueBar
      • ValueBox
      • ValueControl
      • Variant
      • VectorPad
      • Vertical
      • View
      • WebView
      • WindowClass
      • WindowClasses
      • Workspace
      • Workspaces
      • Zoomable
      • case
      • default
      • define
      • foreach
      • if
      • statement
      • styleselector
      • switch
      • using
      • zoom
    • Enums
      • Align.align
      • AlignView.options
      • Animation.function
      • Animation.options
      • Animation.reset
      • BasicShape.style
      • Button.options
      • CheckBox.options
      • ColorBox.options
      • ComboBox.keyboardtype
      • ComboBox.options
      • ComboBox.returnkeytype
      • Delegate.options
      • DialogButton.result
      • DialogGroup.options
      • Divider.options
      • DropBox.options
      • EditBox.keyboardtype
      • EditBox.options
      • EditBox.returnkeytype
      • Flexbox.flex.align
      • Flexbox.flex.direction
      • Flexbox.flex.justify
      • Flexbox.flex.wrap
      • Font.smoothing
      • Font.style
      • FontResource.style
      • Form.buttons
      • Form.options
      • Form.windowstyle
      • Frame.options
      • Image.tile
      • ImageFilter.name
      • ImageView.options
      • ItemView.options
      • ItemView.scrolloptions
      • Knob.options
      • Label.options
      • Layout.options
      • LayoutClasses
      • Line.scalealign
      • Link.options
      • ListView.options
      • ListView.texttrimmode
      • ListView.viewtype
      • Material3D.lightmask
      • MultiToggle.options
      • Parameter.options
      • Parameter.type
      • Perspective.options
      • Perspective.orientation
      • Perspective.transition
      • PopupBox.options
      • PopupBox.popup
      • RadioButton.options
      • RangeSlider.options
      • SceneNode3D.options
      • ScrollButton.part
      • ScrollPicker.options
      • ScrollView.options
      • SegmentBox.options
      • SelectBox.options
      • SelectBox.popup
      • Slider.mode
      • Slider.options
      • Style.textalign
      • Style.textoptions
      • Style.textsmoothing
      • Style.textstyle
      • TabView.options
      • TextBox.options
      • TextBox.texttrimmode
      • TextureMaterial3D.Texture.options
      • Toggle.options
      • ToolButton.options
      • ToolButton.popup
      • TreeView.options
      • TriVectorPad.options
      • TriggerView.gesturepriority
      • TriggerView.options
      • UpDownButton.options
      • ValueBox.options
      • Variant.options
      • View.accessibility
      • View.attach
      • View.flex.alignself
      • View.flex.positiontype
      • View.flex.sizemode
      • View.layerbacking
      • View.options
      • View.transition
      • WebView.options
      • Workspace.windowstyle
      • zoom.mode
  • Visual Styles
    • Classes
      • BasicStyle
      • BorderStyle
      • ButtonStyle
      • CheckBoxStyle
      • ComboBoxStyle
      • DialogGroupStyle
      • DividerStyle
      • DropBoxStyle
      • EditBoxStyle
      • HeaderViewStyle
      • ImageViewStyle
      • ItemViewStyle
      • KnobStyle
      • LabelStyle
      • ListViewStyle
      • MenuBarControlStyle
      • MenuControlStyle
      • PageControlStyle
      • PopupSelectorStyle
      • ProgressBarStyle
      • RangeSliderStyle
      • SceneView3DStyle
      • ScrollBarStyle
      • ScrollButtonStyle
      • ScrollPickerStyle
      • ScrollViewStyle
      • SegmentBox
      • SelectBoxStyle
      • SliderStyle
      • TabViewStyle
      • TextBoxStyle
      • ToolButtonStyle
      • TreeViewStyle
      • TriVectorPadStyle
      • UpDownButtonStyle
      • ValueBarStyle
      • ValueBoxStyle
      • VectorPadStyle
      • WindowBackgroundStyle
    • Enums
      • DefaultColors
      • StandardStyles
      • ThemeColors
      • ThemeCursors
      • ThemeElementImages
      • ThemeElementStates
      • ThemeElementStatesOn
      • ThemeFonts
      • ThemeMetrics