-
Notifications
You must be signed in to change notification settings - Fork 0
Ui XML Input
Ui XML Reference\Input
A text input frame. By default, this frame type attempts to fill its parent size unless given explicit dimensions.
<Input height="30" width="200" />
This XML produces the following UI:
A text input frame
Value type: string
<Input height="30" width="200" text="Text Input" />
Value type: string
The bind value for enabling the input frame.
<Frame xmlns:bind="https://platform.wildsky.dev/xml/ui/bind">
<State name="enable" booleanValue="false" />
<Input height="30" width="200" placeholder="Text Input" bind:enable="state.enable" />
</Frame>
Value type: string
Supports data binding
The translation key for the input frame. This uses a translation key declared in the data editor (Localization tab) to display text across different languages.
<Input height="30" width="200" text="Text Input" translationKey="key" />
Value type: number
Supports data binding
The font size for the input frame.
<Input height="100" width="400" text="Text Input" fontSize="80" color="r: 1, g: 0, b: 0, a: 1" />
Value type: color
The font color for the input frame.
<Input height="30" width="200" text="Text Input" color="r: 0, g: 0, b: 1, a: 1" />
Value type: boolean
Supports data binding
The text outline status for the input frame, where true
enables the text outline.
<Input height="100" width="400" text="Text Input" fontSize="80" color="r: 1, g: 0, b: 0, a: 1" outline="true" />
Value type: boolean
Supports data binding
The font wrapping status for the input frame, where true
enables font wrapping. Font wrapping will wrap text to the next line if it would exceed the current line. By default, this value is false for input frames.
<Input height="300" width="200" text="Text Input" fontSize="80" color="r: 1, g: 0, b: 0, a: 1" wrapping="true" />
Value type: string
Supports data binding
The placeholder text for the input frame. This text is bolded and italicized by default.
<Input height="40" width="200" placeholder="Text Input" />
Value type: string
Supports data binding
The translation key for the placeholder text. This uses a translation key declared in the data editor (Localization tab) to display text across different languages.
<Input height="30" width="200" text="Hello" placeholderTranslationKey="key" />
Value type: number
Supports data binding
The placeholder text font size for the input frame.
<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" />
Value type: color
The placeholder text color for the input frame.
<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" placeholderColor="r: 0, g: 0, b: 1, a: 1" />
Value type: string
The bind value for if the placeholder text is colorable.
<Frame xmlns:bind="https://platform.wildsky.dev/xml/ui/bind">
<State name="colorable" booleanValue="true" />
<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" bind:enplaceholderColorable="state.colorable" placeholderColor="r: 0, g: 0, b: 1, a: 1" />
</Frame>
Value type: boolean
Supports data binding
The placeholder text outline status for the input frame, where true
enables the text outline. The outline is always black.
<Input height="90" width="400" placeholder="Text Input" placeholderFontSize="60" placeholderColor="r: 1, g: 1, b: 0, a: 1" placeholderOutline="true" />