Html
11 posts tagged with "Html"
.a
The .a action Creates a clickable link that navigates to web pages. It belongs to the html category within the ui area.
Action Syntax
.a https://....a $variableValid sizes
Examples
// Basic Usage
.a https://example.com// Using Variables
// Display dynamic content from variables
.a $url-variable.btn
The .btn action Creates a clickable button that can trigger actions. It belongs to the html category within the ui area.
Action Syntax
.btn "text".btn $variableValid sizes
Examples
// Basic Usage
.btn "Click me"// Using Variables
// Display dynamic content from variables
.btn $button-text.details
The .details action Creates an expandable details section with collapsible content. It belongs to the html category within the ui area.
Action Syntax
.details "text" "text".details $variable "text".details "text" $variable.details $variable $variableValid sizes
Examples
// Basic Usage
.details "title" "details"// Using Variables
// Display dynamic content from variables
.details $title-var "details".dialog
The .dialog action Creates a modal dialog popup for user interaction. It belongs to the html category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Tags
max
maximizes dialog to full screen
left
positions dialog on the left side
right
positions dialog on the right side
active
sets dialog as open immediately
Examples
// Basic Usage
.dialog.div
The .div action Creates a flexible container for organizing content. It belongs to the html category within the ui area.
Action Syntax
.div "text"Valid sizes
Modifiers
overlay
The .div action supports the overlay modifier.
Examples
// Basic Usage
.div "Some Text".hr
The .hr action Creates a horizontal line to separate content sections. It belongs to the html category within the ui area.
Action Syntax
This action accepts various parameters. See the examples below for usage patterns.
Valid sizes
Examples
// Basic Usage
.hr.iframe
The .iframe action Embeds external web pages or content into your app. It belongs to the html category within the ui area.
Action Syntax
.iframe https://....iframe $variableValid sizes
Tags
noscroll
hides scroll bars for fixed content display
Examples
// Basic Usage
.iframe https://example.com// Using Variables
// Display dynamic content from variables
.iframe $page-url.input
The .input action Creates a text input field for user data entry. It belongs to the html category within the ui area.
Action Syntax
.input $variableValid sizes
Modifiers
enter
The .input action supports the enter modifier.
hide
The .input action supports the hide modifier.
wait
The .input action supports the wait modifier.
Tags
autofocus
automatically focuses cursor on this input
.span
The .span action Creates inline text elements for styling and formatting. It belongs to the html category within the ui area.
Action Syntax
.span "text".span $variableValid sizes
Examples
// Basic Usage
.span "text label"// Using Variables
// Display dynamic content from variables
.span $text-variable.textarea
The .textarea action Creates a multi-line text input area for longer text. It belongs to the html category within the ui area.
Action Syntax
.textarea $variableValid sizes
Tags
disabled
disables text input making it non-interactive
rows
sets number of visible text rows
cols
sets number of visible character columns
readonly
prevents user editing but allows text selection
placeholder
shows hint text when empty
+when-load-complete
The +when-load-complete action Displays images from web urls or your media collection. It belongs to the html category within the ui area.
Action Syntax
+when-load-complete https://...+when-load-complete +imagetag+when-load-complete $variableValid sizes
Examples
// Basic Usage
.img https://example.com/photo.jpg// Using Variables
// Display dynamic content from variables
.img $image-url