Modifier
18 posts tagged with "Modifier"
.alt
The .alt action sets the alt text modifier for an element. It belongs to the modifier category within the ui area.
Action Syntax
.alt "text".alt $variableValid sizes
Examples
// Basic Usage
.alt "help"// Using Variables
// Display dynamic content from variables
.alt $text.click
The .click action sets a click modifier. It belongs to the modifier category within the ui area.
Action Syntax
.click [file].click navto [file].click goto [file].click run [file]Valid sizes
Examples
// Basic Usage
.click [block].enter
The .enter action sets a enter key modifier for an input field. It belongs to the modifier category within the ui area.
Action Syntax
.enter continue.enter [file].enter navto [file].enter goto [file].enter run [file]Valid sizes
Examples
// Basic Usage
.enter continue.goto
The .goto action sets a goto modifier. It belongs to the modifier category within the ui area.
Action Syntax
.goto [file]Valid sizes
Examples
// Basic Usage
.goto [block].gradient
The .gradient action adds a gradient effect to an element. It belongs to the modifier category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Examples
// Basic Usage
.gradient.help
The .help action sets a help text modifier for an element. It belongs to the modifier category within the ui area.
Action Syntax
.help "text".help $variableValid sizes
Examples
// Basic Usage
.help "help"// Using Variables
// Display dynamic content from variables
.help $text.hide
The .hide action hides the element after a previous modifier action. It belongs to the modifier category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Examples
// Basic Usage
.hide.hover-over
The .hover-over action sets a hover over modifier. It belongs to the modifier category within the ui area.
Action Syntax
.hover-over change-color.hover-over goto [file].hover-over run [file]Valid sizes
Examples
// Basic Usage
.hover-over change-color.link
The .link action sets a link modifier. It belongs to the modifier category within the ui area.
Action Syntax
.link https://....link @referenceValid sizes
Examples
// Basic Usage
.link https://someurl.navto
The .navto action sets a navto modifier. It belongs to the modifier category within the ui area.
Action Syntax
.navto [file]Valid sizes
Examples
// Basic Usage
.navto [block].overlay
The .overlay action overlays text or other element on top of another (usually an image). It belongs to the modifier category within the ui area.
Action Syntax
.overlay "text".overlay $variableValid sizes
Examples
// Basic Usage
.overlay "text"// Using Variables
// Display dynamic content from variables
.overlay $varname.placeholder
The .placeholder action sets a placeholder for an input element. It belongs to the decorator category within the ui area.
Action Syntax
.placeholder "text".placeholder $variableValid sizes
Examples
// Basic Usage
.placeholder "placeholder"// Using Variables
// Display dynamic content from variables
.placeholder $text.run
The .run action sets a run modifier. It belongs to the modifier category within the ui area.
Action Syntax
.run [file]Valid sizes
Examples
// Basic Usage
.run [block].set
The .set action sets a +set modifier. It belongs to the modifier category within the ui area.
Action Syntax
.set $variable = "text".set $variable = 123.set $variable = true|false.set $variable = HH:MM.set $variable = YYYY-MM-DD.set $variable = ITValid sizes
Examples
// Basic Usage
.set $var = "value".tint
The .tint action tints an image with the specified color. It belongs to the modifier category within the ui area.
Action Syntax
.tint 123Valid sizes
Examples
// Basic Usage
.tint 50.tiptext
The .tiptext action sets tooltip text modifier for an element. It belongs to the modifier category within the ui area.
Action Syntax
.tiptext "text".tiptext $variableValid sizes
Examples
// Basic Usage
.tiptext "tip"// Using Variables
// Display dynamic content from variables
.tiptext $text.wait
The .wait action waits on previous modifier action before continuing. It belongs to the modifier category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Examples
// Basic Usage
.wait.when-load-complete
The .when-load-complete action modifier for when load complete event. It belongs to the modifier category within the ui area.
Action Syntax
.when-load-complete continue.when-load-complete [file]Valid sizes
Examples
// Basic Usage
.when-load-complete continue