Multi Theft Auto: Wiki - User contributions [en]

Astrath

2025-10-22T20:25:39Z

Sybellex:

= Astrath =

''Astrath'' is a DirectX framework for MTA:SA developed by '''Magath'''.
It provides tools to create custom interfaces, animations, and other DX-based visuals.

== Client Functions ==
* [[Astrath:createWindow]] – Creates a new DX-based window element
* [[Astrath:createButton]] – Creates a DX-based button element
* [[Astrath:createCheckBox]] – Creates a DX-based checkbox element
* [[Astrath:createComboBox]] – Creates a DX-based combobox element
* [[Astrath:createEditBox]] – Creates a DX-based editbox element
* [[Astrath:createGridList]] – Creates a DX-based gridlist element
* [[Astrath:createHidden]] – Creates a hidden DX element (used as a parent container)
* [[Astrath:createImage]] – Draws a DX-based image
* [[Astrath:createLabel]] – Creates a DX-based label element
* [[Astrath:createMemo]] – Creates a DX-based multi-line text element
* [[Astrath:createRadio]] – Creates a DX-based radio button element
* [[Astrath:createShape]] – Creates a drawable rectangle element (can be used as parent)
* [[Astrath:createTab]] – Creates a DX-based tab element
* [[Astrath:createTabPanel]] – Creates a container for tabs

== See Also ==
* [[dxDrawImage]]
* [[dxDrawText]]
* [[onClientRender]]

Astrath

2025-10-22T20:25:25Z

Sybellex:

Astrath

2025-10-22T20:25:04Z

Sybellex:

= Astrath =

''Astrath'' is a DirectX framework for MTA:SA developed by '''Magath'''.
It provides tools to create custom interfaces, animations, and other DX-based visuals.

== Client Functions ==
* [[Astrath:createWindow]] – Creates a new DX-based window element
* [[Astrath:createButton]] – Creates a DX-based button element
* [[Astrath:createCheckBox]] – Creates a DX-based checkbox element
* [[Astrath:createComboBox]] – Creates a DX-based combobox element
* [[Astrath:createEditBox]] – Creates a DX-based editbox element
* [[Astrath:createGridList]] – Creates a DX-based gridlist element
* [[Astrath:createHidden]] – Creates a hidden DX element (used as a parent container)
* [[Astrath:createImage]] – Draws a DX-based image
* [[Astrath:createLabel]] – Creates a DX-based label element
* [[Astrath:createMemo]] – Creates a DX-based multi-line text element
* [[Astrath:createRadio]] – Creates a DX-based radio button element
* [[Astrath:createShape]] – Creates a drawable rectangle element (can be used as parent)
* [[Astrath:createTab]] – Creates a DX-based tab element
* [[Astrath:createTabPanel]] – Creates a container for tabs

== Server Functions ==
* [[Astrath:loadResources]] – Load resources or assets on server

== See Also ==
* [[dxDrawImage]]
* [[dxDrawText]]
* [[onClientRender]]

Astrath:createTab

2025-10-22T20:24:26Z

Sybellex:

= DxTab:new =

{{Client function}}
{{FuncDef|element DxTab:new ( element parent, string text, table color, table hoverColor, table activeColor, table tabColor )}}

'''Description:'''
Creates a new tab element inside a `DxTabPanel`. Tabs are linked to a panel and their positions are automatically managed according to the panel layout. Only usable with a valid `DxTabPanel` parent.

'''Parameters:'''
* parent (element) – A `DxTabPanel` element where this tab will be attached (required).
* text (string) – The text to display on the tab (optional, default: 'tab').
* color (table / tocolor) – The main color of the tab (optional, defaults to parent's color).
* hoverColor (table / tocolor) – Color when hovering (optional, defaults to parent's hoverColor).
* activeColor (table / tocolor) – Color when tab is active (optional, defaults to parent's activeColor).
* tabColor (table / tocolor) – Base color for inactive tabs (optional, defaults to parent's tabColor).

'''Returns:'''
: Returns the newly created `DxTab` element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the tab and removes it from the parent panel.
|-
| Ath:setVisible(boolean) || Shows or hides the tab and triggers reordering in the panel.
|-
| Ath:setEnabled(boolean) || Enables or disables the tab.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effects for this tab.
|-
| Ath:setColor(r, g, b, a, type) || Sets the tab's color. Type can be 'mainColor', 'hoverColor', 'tabColor', 'activeColor'.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Crear un tab panel
local tabPanel = DxTabPanel:new(100, 100, 400, 300)
tabPanel:setVisible(true)

-- Agregar tabs
local tab1 = DxTab:new(tabPanel, "Tab 1")
local tab2 = DxTab:new(tabPanel, "Tab 2", tocolor(200,0,0,255))

-- Establecer tab seleccionado
tabPanel:setSelected(tab1)

</syntaxhighlight>

'''See also:'''
* [[DxTabPanel:new]] – The panel container required for tabs
* [[onClientRender]] – Event used to draw DX elements each frame
* [[adjustAlpha]] – Function used internally to adjust tab opacity

Astrath:createTab

2025-10-22T20:23:32Z

Sybellex: Created page with "= DxTab:new = {{Client function}} {{FuncDef|element DxTab:new ( element parent, string text, table color, table hoverColor, table activeColor, table tabColor )}} '''Description:''' Creates a new tab element inside a `DxTabPanel`. Tabs are linked to a panel and their positions are automatically managed according to the panel layout. Only usable with a valid `DxTabPanel` parent. '''Parameters:''' * parent (element) – A `DxTabPanel` element where this tab will be attac..."

= DxTab:new =

{{Client function}}
{{FuncDef|element DxTab:new ( element parent, string text, table color, table hoverColor, table activeColor, table tabColor )}}

'''Description:'''
Creates a new tab element inside a `DxTabPanel`. Tabs are linked to a panel and their positions are automatically managed according to the panel layout. Only usable with a valid `DxTabPanel` parent.

'''Parameters:'''
* parent (element) – A `DxTabPanel` element where this tab will be attached (required).
* text (string) – The text to display on the tab (optional, default: 'tab').
* color (table / tocolor) – The main color of the tab (optional, defaults to parent's color).
* hoverColor (table / tocolor) – Color when hovering (optional, defaults to parent's hoverColor).
* activeColor (table / tocolor) – Color when tab is active (optional, defaults to parent's activeColor).
* tabColor (table / tocolor) – Base color for inactive tabs (optional, defaults to parent's tabColor).

'''Returns:'''
: Returns the newly created `DxTab` element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the tab and removes it from the parent panel.
|-
| Ath:setVisible(boolean) || Shows or hides the tab and triggers reordering in the panel.
|-
| Ath:setEnabled(boolean) || Enables or disables the tab.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effects for this tab.
|-
| Ath:setColor(r, g, b, a, type) || Sets the tab's color. Type can be 'mainColor', 'hoverColor', 'tabColor', 'activeColor'.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Crear un tab panel
local tabPanel = DxTabPanel:new(100, 100, 400, 300)
tabPanel:setVisible(true)

-- Agregar tabs
local tab1 = DxTab:new(tabPanel, "Tab 1")
local tab2 = DxTab:new(tabPanel, "Tab 2", tocolor(200,0,0,255))

-- Establecer tab seleccionado
tabPanel:setSelected(tab1)

-- Dibujar panel y tabs en el evento onClientRender
addEventHandler("onClientRender", root, function()
tabPanel:draw()
for i, tab in ipairs(tabPanel.children) do
tab:draw()
end
end)
</syntaxhighlight>

'''See also:'''
* [[DxTabPanel:new]] – The panel container required for tabs
* [[onClientRender]] – Event used to draw DX elements each frame
* [[adjustAlpha]] – Function used internally to adjust tab opacity

Astrath:createTabPanel

2025-10-22T20:19:50Z

Sybellex: Created page with "= DxTabPanel:new = {{Client function}} {{FuncDef|element DxTabPanel:new ( float posX, float posY, float width, float height, element parent, boolean relative, table color, table tabColor, table activeColor, table hoverColor, string font, float fontsize, string style, string tabStyle )}} '''Description:''' Creates a new tab panel DX element. A tab panel can hold multiple tabs and manage their selection and hover states. Automatically adjusts child tab positions and size..."

= DxTabPanel:new =

{{Client function}}
{{FuncDef|element DxTabPanel:new ( float posX, float posY, float width, float height, element parent, boolean relative, table color, table tabColor, table activeColor, table hoverColor, string font, float fontsize, string style, string tabStyle )}}

'''Description:'''
Creates a new tab panel DX element. A tab panel can hold multiple tabs and manage their selection and hover states. Automatically adjusts child tab positions and sizes.

'''Parameters:'''
* posX, posY (float) – Position of the tab panel on screen.
* width, height (float) – Dimensions of the tab panel.
* parent (element) – Parent DX element to attach this panel to (optional).
* relative (boolean) – Position relative to parent (optional).
* color (table / tocolor) – Main background color of the panel (optional, default: dark grey).
* tabColor (table / tocolor) – Default color for tabs (optional).
* activeColor (table / tocolor) – Color for the active tab (optional).
* hoverColor (table / tocolor) – Hover color for tabs (optional).
* font (string) – Font used for tab text (optional, default: "default-bold").
* fontsize (float) – Font size for tab text (optional, default: 1).
* style (string) – DX style used for the panel (optional).
* tabStyle (string) – DX style used for tabs (optional).

'''Returns:'''
: Returns the newly created DxTabPanel element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the tab panel and all child tabs and elements.
|-
| Ath:setVisible(boolean) || Shows or hides the tab panel.
|-
| Ath:setEnabled(boolean) || Enables or disables the tab panel for interaction.
|-
| Ath:addTab(text) || Adds a new tab with the given text to the panel.
|-
| Ath:getSelected() || Returns the currently selected tab element.
|-
| Ath:setSelected(tabElement) || Sets a specific tab as selected.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect for tabs.
|-
| Ath:setColor(r, g, b, a, type) || Sets colors for the panel or tabs. Type can be 'mainColor', 'hoverColor', 'tabColor', 'activeColor'.
|}

'''Example:'''
<syntaxhighlight lang="lua">
local tabPanel = DxTabPanel:new(100, 100, 400, 300)
tabPanel:setVisible(true)
tabPanel:addTab("Tab 1")
tabPanel:addTab("Tab 2")
tabPanel:draw()
</syntaxhighlight>

'''See also:'''
* [[DxTab:new]] – Page for individual tab elements
* [[DxWindow:new]] – For window parent reference
* [[onClientRender]] – Event to render DX elements

Astrath:createShape

2025-10-22T20:17:10Z

Sybellex: Created page with "= DxShape:new = {{Client function}} {{FuncDef|element DxShape:new ( float posX, float posY, float width, float height, element parent, boolean relative, table color )}} '''Description:''' Creates a new DX-based shape element. Shapes can have custom colors, hover effects, and rounded corners. Each shape instance is automatically registered in the DX library. '''Parameters:''' * posX, posY (float) – Position on screen. * width, height (float) – Size of the shape. *..."

= DxShape:new =

{{Client function}}
{{FuncDef|element DxShape:new ( float posX, float posY, float width, float height, element parent, boolean relative, table color )}}

'''Description:'''
Creates a new DX-based shape element. Shapes can have custom colors, hover effects, and rounded corners. Each shape instance is automatically registered in the DX library.

'''Parameters:'''
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the shape.
* parent (element) – Parent DX element to attach this shape to (optional).
* relative (boolean) – Position relative to parent (optional).
* color (table / tocolor) – Main color of the shape (optional, default: grey).

'''Returns:'''
: Returns the newly created DxShape element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the shape and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the shape.
|-
| Ath:setEnabled(boolean) || Enables or disables the shape for interaction.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets main or hover color of the shape.
|}

'''Example:'''
<syntaxhighlight lang="lua">
local myShape = DxShape:new(100, 100, 200, 150)
myShape:setVisible(true)
myShape:setHoverable(true)
myShape:setColor(150, 150, 150, 255, "mainColor")
myShape:draw()
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createRadio

2025-10-22T20:15:27Z

Sybellex: Created page with "= DxRadio:new = {{Client function}} {{FuncDef|element DxRadio:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string key, string font, float fontsize )}} '''Description:''' Creates a new DX-based radio button element. Radio buttons are single-select controls grouped by a key, allowing only one selection per group. Each radio instance is automatically registered in the DX library. '''Parameters:''' * text (string)..."

= DxRadio:new =

{{Client function}}
{{FuncDef|element DxRadio:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string key, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based radio button element. Radio buttons are single-select controls grouped by a key, allowing only one selection per group. Each radio instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – Label text for the radio button (optional, default: "radiobutton").
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the radio button.
* parent (element) – Parent DX element to attach this radio button to (optional).
* relative (boolean) – Position relative to parent (optional).
* key (string) – Group key to identify radio button group (optional, default: "Default").
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).

'''Returns:'''
: Returns the newly created DxRadio element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the radio element and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the radio button.
|-
| Ath:setEnabled(boolean) || Enables or disables the radio button for interaction.
|-
| Ath:setSelected() || Selects this radio button and deselects others in the same group.
|-
| Ath:getSelected() || Returns whether this radio button is selected.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets main, hover, or selected color of the radio button.
|}

'''Example:'''
<syntaxhighlight lang="lua">
local myRadio = DxRadio:new("Option 1", 100, 100, 150, 30)

myRadio:setVisible(true)
myRadio:setHoverable(true)
myRadio:setColor(200, 200, 200, 200, "mainColor")
myRadio:setColor(30, 30, 30, 255, "selectColor")
myRadio:setSelected()
myRadio:draw()
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createMemo

2025-10-22T20:14:10Z

Sybellex: Created page with "= DxMemo:new = {{Client function}} {{FuncDef|element DxMemo:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize )}} '''Description:''' Creates a new DX-based memo element. Memos are multi-line text boxes that support scrolling, cursor positioning, text input, custom fonts, colors, and read-only mode. Each memo instance is automatically registered in the DX library. '''Parameters:''' * text..."

= DxMemo:new =

{{Client function}}
{{FuncDef|element DxMemo:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based memo element. Memos are multi-line text boxes that support scrolling, cursor positioning, text input, custom fonts, colors, and read-only mode. Each memo instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – Initial text content for the memo (optional).
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the memo.
* parent (element) – Parent DX element to attach this memo to (optional).
* relative (boolean) – Position relative to parent (optional).
* font (string) – Font used for the text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).

'''Returns:'''
: Returns the newly created DxMemo element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the memo element and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the memo.
|-
| Ath:setEnabled(boolean) || Enables or disables the memo for interaction.
|-
| Ath:setText(string) || Sets the memo text.
|-
| Ath:getText() || Returns the current memo text.
|-
| Ath:clear() || Clears all text and resets the cursor.
|-
| Ath:setReadOnly(boolean) || Enables or disables read-only mode.
|-
| Ath:getReadOnly() || Returns whether the memo is read-only.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main or hover background color.
|}

'''Example:'''
<syntaxhighlight lang="lua">
local myMemo = DxMemo:new("Hello World", 100, 100, 300, 200)

myMemo:setVisible(true)
myMemo:setReadOnly(false)
myMemo:setHoverable(true)
myMemo:setColor(255, 255, 255, 255, "mainColor")
myMemo:setText("Welcome to MTA DX Memo")
myMemo:draw()
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createLabel

2025-10-22T20:12:06Z

Sybellex: Created page with "= DxLabel:new = {{Client function}} {{FuncDef|element DxLabel:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize, string horizontalAlign, string verticalAlign )}} '''Description:''' Creates a new DX-based label element. Labels display text, support parent-relative positioning, custom fonts, colors, alignment, and optional hover effects. Each label instance is automatically registered in th..."

= DxLabel:new =

{{Client function}}
{{FuncDef|element DxLabel:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize, string horizontalAlign, string verticalAlign )}}

'''Description:'''
Creates a new DX-based label element. Labels display text, support parent-relative positioning, custom fonts, colors, alignment, and optional hover effects. Each label instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – Text to display in the label.
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the label.
* parent (element) – Parent DX element to attach this label to (optional).
* relative (boolean) – Position relative to parent (optional).
* font (string) – Font used for the text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).
* horizontalAlign (string) – Horizontal alignment ("left", "center", "right", optional, default: "center").
* verticalAlign (string) – Vertical alignment ("top", "center", "bottom", optional, default: "center").

'''Returns:'''
: Returns the newly created DxLabel element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the label element and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the label.
|-
| Ath:setEnabled(boolean) || Enables or disables the label for interaction.
|-
| Ath:setText(string) || Sets the label text.
|-
| Ath:getText() || Returns the current label text.
|-
| Ath:setFont(string) || Changes the label font.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main or hover text color.
|-
| Ath:setHorizontalAlign(string) || Sets horizontal alignment of the text.
|-
| Ath:setVerticalAlign(string) || Sets vertical alignment of the text.
|}

'''Example:'''
<syntaxhighlight lang="lua">
local myLabel = DxLabel:new("Hello World", 100, 100, 200, 50)

myLabel:setVisible(true)
myLabel:setHoverable(true)
myLabel:setText("Welcome")
myLabel:setColor(255, 200, 0, 255, "mainColor")
myLabel:setHorizontalAlign("center")
myLabel:setVerticalAlign("center")
myLabel:draw()
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxButton:new]] – Page for button element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createImage

2025-10-22T20:10:33Z

Sybellex:

= DxImage:new =

{{Client function}}
{{FuncDef|element DxImage:new ( string path, float posX, float posY, float width, float height, element parent, boolean relative )}}

'''Description:'''
Creates a new DX-based image element. Images can be attached to parent elements, support transparency, custom styles, and optional parent-relative positioning. Each image instance is automatically registered in the DX library.

'''Parameters:'''
* path (string) – Path to the image file. Must exist.
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the image.
* parent (element) – Parent DX element to attach this image to (optional).
* relative (boolean) – Position relative to parent (optional).

'''Returns:'''
: Returns the newly created DxImage element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the image element and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the image.
|-
| Ath:setEnabled(boolean) || Enables or disables the image for interaction.
|-
| Ath:setAlpha(number) || Sets the image transparency (0–255).
|}

'''Example:'''
<syntaxhighlight lang="lua">
local myImage = DxImage:new("images/logo.png", 100, 100, 200, 150)

myImage:setVisible(true)
myImage:setAlpha(200)
myImage:setPath("images/new_logo.png")
myImage:draw()
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createImage

2025-10-22T20:03:15Z

Sybellex:

= DxImage:new =

{{Client function}}
{{FuncDef|element DxImage:new ( string path, float posX, float posY, float width, float height, element parent, boolean relative )}}

'''Description:'''
Creates a new DX-based image element. Images can be attached to parent elements, support transparency, and custom styles. Each image instance is automatically registered in the DX library.

'''Parameters:'''

path (string) – Path to the image file. Must exist.

posX, posY (float) – Position on screen.

width, height (float) – Size of the image.

parent (element) – Parent DX element to attach this image to (optional).

relative (boolean) – Position relative to parent (optional).

'''Returns:'''
: Returns the newly created DxImage element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"

! Method !! Description
Ath:destroy()
-
Ath:setVisible(boolean)
-
Ath:setEnabled(boolean)
-
Ath:setAlpha(int)
-
Ath:setPath(string)
-
Ath:draw()
}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create an image at position 100x100 with size 200x150
local myImage = DxImage:new("images/logo.png", 100, 100, 200, 150)

-- Show the image and set transparency
myImage:setVisible(true)
myImage:setAlpha(200)

-- Change the image path
myImage:setPath("images/new_logo.png")

-- Draw the image
myImage:draw()
</syntaxhighlight>

'''See also:'''

[[Astrath]] – Main library page

[[DxWindow:new]] – Page for window element reference

[[DxLabel:new]] – Page for label element reference

[[onClientRender]] – Event used to render DX elements

Astrath:createImage

2025-10-22T20:01:56Z

Sybellex:

== DxImage:new ==
'''Description:'''
Creates a new DxImage element, which displays a static image on the screen. Uses table-based syntax with metatable.

'''Syntax:'''
<pre>
local image = DxImage:new(path, posX, posY, width, height, parent, relative)
</pre>

'''Parameters:'''
<pre>
path - string - Path to the image file (must exist)
posX - float - X position on screen
posY - float - Y position on screen
width - float - Width of the image
height - float - Height of the image
parent - element (optional) - Parent DX element
relative - boolean (optional) - Whether position is relative to parent
</pre>

'''Return Value:'''
<pre>
element - table - The newly created DxImage element
</pre>

'''Methods:'''
<pre>
image:destroy() - Destroys the element and all its children
image:setVisible(boolean) - Sets the visibility
image:setEnabled(boolean) - Enables or disables the element
image:setAlpha(int) - Sets transparency (0–255)
image:setPath(string) - Changes the image file path (must exist)
image:draw() - Draws the image using its defined style
</pre>

'''Example:'''
<pre>
local img = DxImage:new("images/logo.png", 100, 100, 200, 150)
img:setAlpha(200)
img:setVisible(true)
img:setPath("images/new_logo.png")
img:draw()
</pre>

'''See Also:'''
DxWindow:new, DxLabel:new, DxButton:new

Astrath:createImage

2025-10-22T19:59:06Z

Sybellex: Created page with "= DxImage:new = {{Client function}} {{FuncDef|element DxImage:new ( string path, float posX, float posY, float width, float height, element parent, boolean relative )}} '''Description:''' Creates a DX image element. An image element displays a static image from a file on the screen. '''Parameters:''' path (string) – Path to the image file (must exist). posX, posY (float) – Position on screen. width, height (float) – Size of the image. parent (element) – P..."

= DxImage:new =

{{Client function}} {{FuncDef|element DxImage:new ( string path, float posX, float posY, float width, float height, element parent, boolean relative )}}

'''Description:'''
Creates a DX image element. An image element displays a static image from a file on the screen.

'''Parameters:'''

path (string) – Path to the image file (must exist).

posX, posY (float) – Position on screen.

width, height (float) – Size of the image.

parent (element) – Parent DX element (optional).

relative (boolean) – Position relative to parent (optional).

'''Returns:'''
: Returns the newly created DxImage element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"

! Method !! Description
Ath:setVisible(boolean)
-
Ath:setEnabled(boolean)
-
Ath:setAlpha(int)
-
Ath:setPath(string path)
-
Ath:destroy()
}

'''Example:'''
<syntaxhighlight lang="lua">
local img = DxImage:new("images/logo.png", 100, 100, 200, 150)
img:setAlpha(200)
img:setVisible(true)
</syntaxhighlight>

Astrath:createHidden

2025-10-22T19:56:22Z

Sybellex: Created page with "= DxHidden:new = {{Client function}} {{FuncDef|element DxHidden:new ( float posX, float posY, float width, float height, element parent, boolean relative )}} '''Description:''' Creates a hidden DX element. Hidden elements are not drawn and can be used as containers or invisible parents for other DX elements. They can store position and size information and manage child elements. '''Parameters:''' * posX, posY (float) – Position on screen. * width, height (float)..."

= DxHidden:new =

{{Client function}} {{FuncDef|element DxHidden:new ( float posX, float posY, float width, float height, element parent, boolean relative )}}

'''Description:'''
Creates a hidden DX element. Hidden elements are not drawn and can be used as containers or invisible parents for other DX elements. They can store position and size information and manage child elements.

'''Parameters:'''
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the hidden element.
* parent (element) – Parent DX element to attach this hidden element to (optional).
* relative (boolean) – Position relative to parent (optional).

'''Returns:'''
: Returns the newly created DxHidden element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the hidden element and all its child elements.
|-
| Ath:setVisible(boolean) || Sets the visibility state of the hidden element (mostly for management, as hidden elements are not drawn).
|-
| Ath:setEnabled(boolean) || Enables or disables the element for internal logic or child interaction.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a hidden element at position 100x100 with size 200x200
local hidden = DxHidden:new(100, 100, 200, 200)

-- Set it invisible (default, but can be toggled)
hidden:setVisible(false)

-- Enable it for internal logic
hidden:setEnabled(true)

-- Use as parent for other DX elements
local btn = DxButton:new("Click Me", 10, 10, 100, 40, hidden)
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Example of visible container element
* [[DxButton:new]] – Example of child element

Astrath:createGridList

2025-10-22T19:54:18Z

Sybellex:

= DxEdit:new =
{{Client function}} {{FuncDef|element DxGridlist:new ( float posX, float posY, float width, float height, element parent, boolean relative, table columnSize, string font, float fontSize, table color, table headColor, table hoverColor, table activeColor, table scrollColor, table scrollBGColor )}}

'''Description:'''
Creates a new DX-based gridlist element. Gridlists display rows and columns of data, support scrolling, hover effects, row selection, and customizable colors and fonts. Each gridlist instance is automatically registered in the DX library.

'''Parameters:'''
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the gridlist.
* parent (element) – Parent DX element to attach this gridlist to (optional).
* relative (boolean) – Position relative to parent (optional).
* columnSize (table / number / 'auto') – Width of columns, can be 'auto' to divide evenly.
* font (string) – Font used for text (optional, default: "default-bold").
* fontSize (float) – Font size multiplier (optional, default: 1).
* color, headColor, hoverColor, activeColor (table / tocolor) – Main, header, hover, and active row colors (optional).
* scrollColor, scrollBGColor (table / tocolor) – Scrollbar colors (optional).

'''Returns:'''
: Returns the newly created DxGridlist element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the gridlist and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the gridlist.
|-
| Ath:setEnabled(boolean) || Enables or disables the gridlist for interaction.
|-
| Ath:addColumn(title, textAlign, columnSize) || Adds a new column with optional alignment and width.
|-
| Ath:addRow(...) || Adds a new row with the given items.
|-
| Ath:clear() || Clears all rows from the gridlist.
|-
| Ath:setColumnTitle(idOrName, newTitle) || Changes the title of a column by ID or name.
|-
| Ath:setItemText(columnID, rowID, text) || Sets the text of a specific cell.
|-
| Ath:getItemText(columnID, rowID) || Returns the text of a specific cell.
|-
| Ath:getColumnCount() || Returns the total number of columns.
|-
| Ath:getRowCount() || Returns the total number of rows.
|-
| Ath:removeColumn(columnID) || Removes a column by its ID.
|-
| Ath:removeRow(rowID) || Removes a row by its ID.
|-
| Ath:getRowText(columnID, rowID) || Returns the text of a cell at a given row and column.
|-
| Ath:getSelectedRowID() || Returns the currently selected row ID.
|-
| Ath:getSelectedRowItem() || Returns all items in the currently selected row.
|-
| Ath:setSelectedRowID(id) || Sets the selected row by ID.
|-
| Ath:addChildDxElement(element) || Adds a child element to the gridlist.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets colors for main, hover, header, active, or scroll elements.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a gridlist at position 200x150 with size 400x300
local myGrid = DxGridlist:new(200, 150, 400, 300)

-- Add columns
myGrid:addColumn("ID", "center", 0.1)
myGrid:addColumn("Name", "left", 0.45)
myGrid:addColumn("Score", "right", 0.45)

-- Add rows
myGrid:addRow(1, "Alice", 95)
myGrid:addRow(2, "Bob", 88)
myGrid:addRow(3, "Charlie", 76)

-- Set selected row
myGrid:setSelectedRowID(2)

-- Change main color
myGrid:setColor(50, 50, 50, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[DxCombobox:new]] – Page for combobox element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createGridList

2025-10-22T19:52:55Z

Sybellex:

= DxEdit:new =
{{Client function}} {{FuncDef|element DxGridlist:new ( float posX, float posY, float width, float height, element parent, boolean relative, table columnSize, string font, float fontSize, table color, table headColor, table hoverColor, table activeColor, table scrollColor, table scrollBGColor )}}

'''Description:'''
Creates a new DX-based gridlist element. Gridlists display rows and columns of data, support scrolling, hover effects, row selection, and customizable colors and fonts. Each gridlist instance is automatically registered in the DX library.

'''Parameters:'''
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the gridlist.
* parent (element) – Parent DX element to attach this gridlist to (optional).
* relative (boolean) – Position relative to parent (optional).
* columnSize (table / number / 'auto') – Width of columns, can be 'auto' to divide evenly.
* font (string) – Font used for text (optional, default: "default-bold").
* fontSize (float) – Font size multiplier (optional, default: 1).
* color, headColor, hoverColor, activeColor (table / tocolor) – Main, header, hover, and active row colors (optional).
* scrollColor, scrollBGColor (table / tocolor) – Scrollbar colors (optional).

'''Returns:'''
: Returns the newly created DxGridlist element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the gridlist and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the gridlist.
|-
| Ath:setEnabled(boolean) || Enables or disables the gridlist for interaction.
|-
| Ath:addColumn(title, textAlign, columnSize) || Adds a new column with optional alignment and width.
|-
| Ath:addRow(...) || Adds a new row with the given items.
|-
| Ath:clear() || Clears all rows from the gridlist.
|-
| Ath:setColumnTitle(idOrName, newTitle) || Changes the title of a column by ID or name.
|-
| Ath:setItemText(columnID, rowID, text) || Sets the text of a specific cell.
|-
| Ath:getItemText(columnID, rowID) || Returns the text of a specific cell.
|-
| Ath:getColumnCount() || Returns the total number of columns.
|-
| Ath:getRowCount() || Returns the total number of rows.
|-
| Ath:removeColumn(columnID) || Removes a column by its ID.
|-
| Ath:removeRow(rowID) || Removes a row by its ID.
|-
| Ath:onScrollDown() || Scrolls the list down by one row.
|-
| Ath:onScrollUp() || Scrolls the list up by one row.
|-
| Ath:getRowText(columnID, rowID) || Returns the text of a cell at a given row and column.
|-
| Ath:getSelectedRowID() || Returns the currently selected row ID.
|-
| Ath:getSelectedRowItem() || Returns all items in the currently selected row.
|-
| Ath:setSelectedRowID(id) || Sets the selected row by ID.
|-
| Ath:addChildDxElement(element) || Adds a child element to the gridlist.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets colors for main, hover, header, active, or scroll elements.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a gridlist at position 200x150 with size 400x300
local myGrid = DxGridlist:new(200, 150, 400, 300)

-- Add columns
myGrid:addColumn("ID", "center", 0.1)
myGrid:addColumn("Name", "left", 0.45)
myGrid:addColumn("Score", "right", 0.45)

-- Add rows
myGrid:addRow(1, "Alice", 95)
myGrid:addRow(2, "Bob", 88)
myGrid:addRow(3, "Charlie", 76)

-- Set selected row
myGrid:setSelectedRowID(2)

-- Change main color
myGrid:setColor(50, 50, 50, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[DxCombobox:new]] – Page for combobox element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createGridList

2025-10-22T19:52:02Z

Sybellex: Created page with "= DxGridlist:new = {{Client function}} {{FuncDef|element DxGridlist:new ( float posX, float posY, float width, float height, element parent, boolean relative, table columnSize, string font, float fontSize, table color, table headColor, table hoverColor, table activeColor, table scrollColor, table scrollBGColor )}} '''Description:''' Creates a new DX-based gridlist element. Gridlists display rows and columns of data, support scrolling, hover effects, row selection, and c..."

= DxGridlist:new = {{Client function}} {{FuncDef|element DxGridlist:new ( float posX, float posY, float width, float height, element parent, boolean relative, table columnSize, string font, float fontSize, table color, table headColor, table hoverColor, table activeColor, table scrollColor, table scrollBGColor )}}

'''Description:'''
Creates a new DX-based gridlist element. Gridlists display rows and columns of data, support scrolling, hover effects, row selection, and customizable colors and fonts. Each gridlist instance is automatically registered in the DX library.

'''Parameters:'''
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the gridlist.
* parent (element) – Parent DX element to attach this gridlist to (optional).
* relative (boolean) – Position relative to parent (optional).
* columnSize (table / number / 'auto') – Width of columns, can be 'auto' to divide evenly.
* font (string) – Font used for text (optional, default: "default-bold").
* fontSize (float) – Font size multiplier (optional, default: 1).
* color, headColor, hoverColor, activeColor (table / tocolor) – Main, header, hover, and active row colors (optional).
* scrollColor, scrollBGColor (table / tocolor) – Scrollbar colors (optional).

'''Returns:'''
: Returns the newly created DxGridlist element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the gridlist and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the gridlist.
|-
| Ath:setEnabled(boolean) || Enables or disables the gridlist for interaction.
|-
| Ath:addColumn(title, textAlign, columnSize) || Adds a new column with optional alignment and width.
|-
| Ath:addRow(...) || Adds a new row with the given items.
|-
| Ath:clear() || Clears all rows from the gridlist.
|-
| Ath:setColumnTitle(idOrName, newTitle) || Changes the title of a column by ID or name.
|-
| Ath:setItemText(columnID, rowID, text) || Sets the text of a specific cell.
|-
| Ath:getItemText(columnID, rowID) || Returns the text of a specific cell.
|-
| Ath:getColumnCount() || Returns the total number of columns.
|-
| Ath:getRowCount() || Returns the total number of rows.
|-
| Ath:removeColumn(columnID) || Removes a column by its ID.
|-
| Ath:removeRow(rowID) || Removes a row by its ID.
|-
| Ath:onScrollDown() || Scrolls the list down by one row.
|-
| Ath:onScrollUp() || Scrolls the list up by one row.
|-
| Ath:getRowText(columnID, rowID) || Returns the text of a cell at a given row and column.
|-
| Ath:getSelectedRowID() || Returns the currently selected row ID.
|-
| Ath:getSelectedRowItem() || Returns all items in the currently selected row.
|-
| Ath:setSelectedRowID(id) || Sets the selected row by ID.
|-
| Ath:addChildDxElement(element) || Adds a child element to the gridlist.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets colors for main, hover, header, active, or scroll elements.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a gridlist at position 200x150 with size 400x300
local myGrid = DxGridlist:new(200, 150, 400, 300)

-- Add columns
myGrid:addColumn("ID", "center", 0.1)
myGrid:addColumn("Name", "left", 0.45)
myGrid:addColumn("Score", "right", 0.45)

-- Add rows
myGrid:addRow(1, "Alice", 95)
myGrid:addRow(2, "Bob", 88)
myGrid:addRow(3, "Charlie", 76)

-- Set selected row
myGrid:setSelectedRowID(2)

-- Change main color
myGrid:setColor(50, 50, 50, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[DxCombobox:new]] – Page for combobox element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createEditBox

2025-10-22T19:48:22Z

Sybellex: Created page with "= DxEdit:new / Astrath:createEditBox = {{Client function}} {{FuncDef|element DxEdit:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize, string placeholder )}} '''Description:''' Creates a new DX-based edit box element. Edit boxes allow text input with options for read-only mode, numeric-only input, hover effects, and color customization. Each edit box instance is automatically registered i..."

= DxEdit:new / Astrath:createEditBox =

{{Client function}}
{{FuncDef|element DxEdit:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize, string placeholder )}}

'''Description:'''
Creates a new DX-based edit box element. Edit boxes allow text input with options for read-only mode, numeric-only input, hover effects, and color customization. Each edit box instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – Initial text for the edit box (optional).
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the edit box.
* parent (element) – Parent DX element to attach this edit box to (optional).
* relative (boolean) – Position relative to parent (optional).
* font (string) – Font used for the text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).
* placeholder (string) – Placeholder text when the edit box is empty (optional).

'''Returns:'''
: Returns the newly created DxEdit element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the edit box and all its child elements.
|-
| Ath:clear() || Clears all text and resets the cursor.
|-
| Ath:setVisible(boolean) || Shows or hides the edit box.
|-
| Ath:setEnabled(boolean) || Enables or disables the edit box for interaction.
|-
| Ath:setReadOnly(boolean) || Enables or disables read-only mode.
|-
| Ath:setNumericOnly(boolean) || Enables numeric-only input.
|-
| Ath:getReadOnly() || Returns whether the edit box is in read-only mode.
|-
| Ath:setText(string) || Sets the text of the edit box.
|-
| Ath:getText() || Returns the current text of the edit box.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main background or hover color of the edit box.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create an edit box at position 400x200 with size 200x25
local myEdit = DxEdit:new("", 400, 200, 200, 25)

-- Set placeholder text
myEdit.placeholder = "Enter your name..."

-- Enable numeric only
myEdit:setNumericOnly(true)

-- Show edit box and enable hover
myEdit:setVisible(true)
myEdit:setHoverable(true)

-- Set background color to light grey
myEdit:setColor(200, 200, 200, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[DxCheckbox:new]] – Page for checkbox element reference
* [[DxCombobox:new]] – Page for combobox element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createComboBox

2025-10-22T19:44:57Z

Sybellex: /* DxCombobox:new / Astrath:createCombobox */

= DxCombobox:new =

{{Client function}}
{{FuncDef|element DxCombobox:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string desc, number maxItems, table color, string font, float fontSize, table scrollColor, table scrollBGColor )}}

'''Description:'''
Creates a new DX-based combobox element. Comboboxes allow selecting from a list of items, support scrolling, hover effects, and color customization. Each combobox instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The default text displayed on the combobox.
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the combobox.
* parent (element) – Parent DX element to attach this combobox to (optional).
* relative (boolean) – Position relative to parent (optional).
* desc (string) – Default placeholder text when no item is selected (optional).
* maxItems (number) – Maximum number of items displayed at once (optional, default: 10).
* color (table / tocolor) – Base color for bar, button, and body (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontSize (float) – Font size multiplier (optional, default: 1).
* scrollColor, scrollBGColor (table / tocolor) – Scrollbar colors (optional).

'''Returns:'''
: Returns the newly created DxCombobox element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the combobox and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the combobox.
|-
| Ath:setEnabled(boolean) || Enables or disables the combobox for interaction.
|-
| Ath:setText(string) || Sets the text displayed on the combobox.
|-
| Ath:addItem(string) || Adds a new item to the combobox list.
|-
| Ath:removeItem(number) || Removes an item from the list by its index.
|-
| Ath:clear() || Removes all items from the combobox.
|-
| Ath:setItemText(number, string) || Updates the text of an item at a given index.
|-
| Ath:getItemText(number) || Returns the text of an item by index.
|-
| Ath:setSelected(number) || Sets the selected item by index.
|-
| Ath:getSelected() || Returns the index of the currently selected item.
|-
| Ath:getItemCount() || Returns the total number of items in the combobox.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the color of bar, button, body, or hover.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a combobox at position 400x200 with size 150x25
local myCombo = DxCombobox:new("Select Item", 400, 200, 150, 25)

-- Add items
myCombo:addItem("Option 1")
myCombo:addItem("Option 2")
myCombo:addItem("Option 3")

-- Show combobox and enable hover
myCombo:setVisible(true)
myCombo:setHoverable(true)

-- Select second item
myCombo:setSelected(2)

-- Change bar color
myCombo:setColor(255, 255, 255, 255, "barColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[DxCheckbox:new]] – Page for checkbox element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createComboBox

2025-10-22T19:43:32Z

Sybellex: Created page with "= DxCombobox:new / Astrath:createCombobox = {{Client function}} {{FuncDef|element DxCombobox:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string desc, number maxItems, table color, string font, float fontSize, table scrollColor, table scrollBGColor )}} '''Description:''' Creates a new DX-based combobox element. Comboboxes allow selecting from a list of items, support scrolling, hover effects, and color customiz..."

= DxCombobox:new / Astrath:createCombobox =

{{Client function}}
{{FuncDef|element DxCombobox:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string desc, number maxItems, table color, string font, float fontSize, table scrollColor, table scrollBGColor )}}

'''Description:'''
Creates a new DX-based combobox element. Comboboxes allow selecting from a list of items, support scrolling, hover effects, and color customization. Each combobox instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The default text displayed on the combobox.
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the combobox.
* parent (element) – Parent DX element to attach this combobox to (optional).
* relative (boolean) – Position relative to parent (optional).
* desc (string) – Default placeholder text when no item is selected (optional).
* maxItems (number) – Maximum number of items displayed at once (optional, default: 10).
* color (table / tocolor) – Base color for bar, button, and body (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontSize (float) – Font size multiplier (optional, default: 1).
* scrollColor, scrollBGColor (table / tocolor) – Scrollbar colors (optional).

'''Returns:'''
: Returns the newly created DxCombobox element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the combobox and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the combobox.
|-
| Ath:setEnabled(boolean) || Enables or disables the combobox for interaction.
|-
| Ath:setText(string) || Sets the text displayed on the combobox.
|-
| Ath:addItem(string) || Adds a new item to the combobox list.
|-
| Ath:removeItem(number) || Removes an item from the list by its index.
|-
| Ath:onScrollDown() || Scrolls the list down by one item.
|-
| Ath:onScrollUp() || Scrolls the list up by one item.
|-
| Ath:clear() || Removes all items from the combobox.
|-
| Ath:setItemText(number, string) || Updates the text of an item at a given index.
|-
| Ath:getItemText(number) || Returns the text of an item by index.
|-
| Ath:setSelected(number) || Sets the selected item by index.
|-
| Ath:getSelected() || Returns the index of the currently selected item.
|-
| Ath:getItemCount() || Returns the total number of items in the combobox.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the color of bar, button, body, or hover.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a combobox at position 400x200 with size 150x25
local myCombo = DxCombobox:new("Select Item", 400, 200, 150, 25)

-- Add items
myCombo:addItem("Option 1")
myCombo:addItem("Option 2")
myCombo:addItem("Option 3")

-- Show combobox and enable hover
myCombo:setVisible(true)
myCombo:setHoverable(true)

-- Select second item
myCombo:setSelected(2)

-- Change bar color
myCombo:setColor(255, 255, 255, 255, "barColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[DxCheckbox:new]] – Page for checkbox element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createCheckBox

2025-10-22T19:40:57Z

Sybellex: /* DxCheckbox:new / Astrath:createCheckbox */

= DxCheckbox:new =

{{Client function}}
{{FuncDef|element DxCheckbox:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based checkbox element. Checkboxes can be attached to parent elements, support hover effects, custom colors, and selection state. Each checkbox instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The label text of the checkbox. Defaults to "radio".
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the checkbox.
* parent (element) – Parent DX element to attach this checkbox to (optional).
* relative (boolean) – Position relative to parent (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).

'''Returns:'''
: Returns the newly created DxCheckbox element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the checkbox and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the checkbox.
|-
| Ath:setEnabled(boolean) || Enables or disables the checkbox for interaction.
|-
| Ath:isSelected() || Returns whether the checkbox is currently selected.
|-
| Ath:setSelected(boolean) || Sets the checkbox selection state.
|-
| Ath:getSelected() || Returns the current selection state.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main, hover, or select color of the checkbox.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a checkbox at position 300x400 with size 20x20
local myCheckbox = DxCheckbox:new("Accept Terms", 300, 400, 20, 20)

-- Show the checkbox and enable hover effect
myCheckbox:setVisible(true)
myCheckbox:setHoverable(true)

-- Set selection state
myCheckbox:setSelected(true)

-- Change colors
myCheckbox:setColor(255, 255, 255, 255, "mainColor")
myCheckbox:setColor(0, 255, 0, 200, "hoverColor")
myCheckbox:setColor(0, 200, 0, 255, "selectColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createCheckBox

2025-10-22T19:40:13Z

Sybellex: Created page with "= DxCheckbox:new / Astrath:createCheckbox = {{Client function}} {{FuncDef|element DxCheckbox:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize )}} '''Description:''' Creates a new DX-based checkbox element. Checkboxes can be attached to parent elements, support hover effects, custom colors, and selection state. Each checkbox instance is automatically registered in the DX library. '''Para..."

= DxCheckbox:new / Astrath:createCheckbox =

{{Client function}}
{{FuncDef|element DxCheckbox:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based checkbox element. Checkboxes can be attached to parent elements, support hover effects, custom colors, and selection state. Each checkbox instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The label text of the checkbox. Defaults to "radio".
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the checkbox.
* parent (element) – Parent DX element to attach this checkbox to (optional).
* relative (boolean) – Position relative to parent (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).

'''Returns:'''
: Returns the newly created DxCheckbox element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the checkbox and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the checkbox.
|-
| Ath:setEnabled(boolean) || Enables or disables the checkbox for interaction.
|-
| Ath:isSelected() || Returns whether the checkbox is currently selected.
|-
| Ath:setSelected(boolean) || Sets the checkbox selection state.
|-
| Ath:getSelected() || Returns the current selection state.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main, hover, or select color of the checkbox.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a checkbox at position 300x400 with size 20x20
local myCheckbox = DxCheckbox:new("Accept Terms", 300, 400, 20, 20)

-- Show the checkbox and enable hover effect
myCheckbox:setVisible(true)
myCheckbox:setHoverable(true)

-- Set selection state
myCheckbox:setSelected(true)

-- Change colors
myCheckbox:setColor(255, 255, 255, 255, "mainColor")
myCheckbox:setColor(0, 255, 0, 200, "hoverColor")
myCheckbox:setColor(0, 200, 0, 255, "selectColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxButton:new]] – Page for button element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createButton

2025-10-22T19:37:48Z

Sybellex: /* DxButton:new */

= DxButton:new =

{{Client function}}
{{FuncDef|element DxButton:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, table color, string font, float fontsize, string description, boolean isIcon, float iconWidth, float iconHeight )}}

'''Description:'''
Creates a new DX-based button element. Buttons can be attached to parent elements, support hover effects, custom colors, icons, fonts, and descriptions. Each button instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The button label text. Defaults to "Button".
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the button.
* parent (element) – Parent DX element to attach this button to (optional).
* relative (boolean) – Position relative to parent (optional).
* color (table / tocolor) – Main background color (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).
* description (string) – Optional description text.
* isIcon (boolean) – If true, the button will display an icon instead of text.
* iconWidth, iconHeight (float) – Size of the icon relative to the button (optional).

'''Returns:'''
: Returns the newly created DxButton element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the button and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the button.
|-
| Ath:setEnabled(boolean) || Enables or disables the button for interaction.
|-
| Ath:setText(string) || Sets the button text.
|-
| Ath:getText() || Returns the current button text.
|-
| Ath:setDescription(string) || Sets the button description.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main or hover color of the button.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a button at position 200x300 with size 150x50
local myButton = DxButton:new("Click Me", 200, 300, 150, 50)

-- Show the button and enable hover effect
myButton:setVisible(true)
myButton:setHoverable(true)

-- Change text and color
myButton:setText("Press Me")
myButton:setColor(255, 0, 0, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createButton

2025-10-22T19:37:09Z

Sybellex:

= DxButton:new =

{{Client function}}
{{FuncDef|element DxButton:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, table color, string font, float fontsize, string description, boolean isIcon, float iconWidth, float iconHeight )}}

'''Description:'''
Creates a new DX-based button element. Buttons can be attached to parent elements, support hover effects, custom colors, icons, fonts, and descriptions. Each button instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The button label text. Defaults to "Button".
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the button.
* parent (element) – Parent DX element to attach this button to (optional).
* relative (boolean) – Position relative to parent (optional).
* color (table / tocolor) – Main background color (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).
* description (string) – Optional description text.
* isIcon (boolean) – If true, the button will display an icon instead of text.
* iconWidth, iconHeight (float) – Size of the icon relative to the button (optional).

'''Returns:'''
: Returns the newly created DxButton element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the button and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the button.
|-
| Ath:setEnabled(boolean) || Enables or disables the button for interaction.
|-
| Ath:setText(string) || Sets the button text.
|-
| Ath:getText() || Returns the current button text.
|-
| Ath:setDescription(string) || Sets the button description.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main or hover color of the button.
|-
| Ath:draw() || Draws the button using the assigned style.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a button at position 200x300 with size 150x50
local myButton = DxButton:new("Click Me", 200, 300, 150, 50)

-- Show the button and enable hover effect
myButton:setVisible(true)
myButton:setHoverable(true)

-- Change text and color
myButton:setText("Press Me")
myButton:setColor(255, 0, 0, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createButton

2025-10-22T19:36:38Z

Sybellex: /* DxButton:new */

= DxButton:new =

{{Client function}}
{{FuncDef|element DxButton:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, table color, string font, float fontsize, string description, boolean isIcon, float iconWidth, float iconHeight )}}

'''Description:'''
Creates a new DX-based button element. Buttons can be attached to parent elements, support hover effects, custom colors, icons, fonts, and descriptions. Each button instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The button label text. Defaults to "Button".
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the button.
* parent (element) – Parent DX element to attach this button to (optional).
* relative (boolean) – Position relative to parent (optional).
* color (table / tocolor) – Main background color (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).
* description (string) – Optional description text.
* isIcon (boolean) – If true, the button will display an icon instead of text.
* iconWidth, iconHeight (float) – Size of the icon relative to the button (optional).

'''Returns:'''
: Returns the newly created DxButton element.

'''Methods:'''
{| class="wikitable" style="width:100%; border:none;"
! Function !! Description
|-
| Ath:destroy() || Destroys the button and all its child elements.
|-
| Ath:setVisible(boolean) || Shows or hides the button.
|-
| Ath:setEnabled(boolean) || Enables or disables the button for interaction.
|-
| Ath:setText(string) || Sets the button text.
|-
| Ath:getText() || Returns the current button text.
|-
| Ath:setDescription(string) || Sets the button description.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main or hover color of the button.
|-
| Ath:draw() || Draws the button using the assigned style.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a button at position 200x300 with size 150x50
local myButton = DxButton:new("Click Me", 200, 300, 150, 50)

-- Show the button and enable hover effect
myButton:setVisible(true)
myButton:setHoverable(true)

-- Change text and color
myButton:setText("Press Me")
myButton:setColor(255, 0, 0, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath:createButton

2025-10-22T19:33:36Z

Sybellex: Created page with "= DxButton:new = {{Client function}} {{FuncDef|element DxButton:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, table color, string font, float fontsize, string description, boolean isIcon, float iconWidth, float iconHeight )}} '''Description:''' Creates a new DX-based button element. Buttons can be attached to parent elements, support hover effects, custom colors, icons, fonts, and descriptions. Each button insta..."

= DxButton:new =

{{Client function}}
{{FuncDef|element DxButton:new ( string text, float posX, float posY, float width, float height, element parent, boolean relative, table color, string font, float fontsize, string description, boolean isIcon, float iconWidth, float iconHeight )}}

'''Description:'''
Creates a new DX-based button element. Buttons can be attached to parent elements, support hover effects, custom colors, icons, fonts, and descriptions. Each button instance is automatically registered in the DX library.

'''Parameters:'''
* text (string) – The button label text. Defaults to "Button".
* posX, posY (float) – Position on screen.
* width, height (float) – Size of the button.
* parent (element) – Parent DX element to attach this button to (optional).
* relative (boolean) – Position relative to parent (optional).
* color (table / tocolor) – Main background color (optional).
* font (string) – Font used for text (optional, default: "default-bold").
* fontsize (float) – Font size multiplier (optional, default: 1).
* description (string) – Optional description text.
* isIcon (boolean) – If true, the button will display an icon instead of text.
* iconWidth, iconHeight (float) – Size of the icon relative to the button (optional).

'''Returns:'''
: Returns the newly created DxButton element.

'''Methods:'''
* `:destroy()` – Destroys the button and all its child elements.
* `:setVisible(boolean)` – Shows or hides the button.
* `:setEnabled(boolean)` – Enables or disables the button for interaction.
* `:setText(string)` – Sets the button text.
* `:getText()` – Returns the current button text.
* `:setDescription(string)` – Sets the button description.
* `:setHoverable(boolean)` – Enables or disables hover effect.
* `:setColor(r, g, b, a, type)` – Sets the main or hover color of the button.
* `:draw()` – Draws the button using the assigned style.

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a button at position 200x300 with size 150x50
local myButton = DxButton:new("Click Me", 200, 300, 150, 50)

-- Show the button and enable hover effect
myButton:setVisible(true)
myButton:setHoverable(true)

-- Change text and color
myButton:setText("Press Me")
myButton:setColor(255, 0, 0, 255, "mainColor")
</syntaxhighlight>

'''See also:'''
* [[Astrath]] – Main library page
* [[DxWindow:new]] – Page for window element reference
* [[DxLabel:new]] – Page for label element reference
* [[onClientRender]] – Event used to render DX elements

Astrath

2025-10-22T19:31:54Z

Sybellex: /* Client Functions */

= Astrath =

''Astrath'' is a DirectX framework for MTA:SA developed by '''Magath'''.
It provides tools to create custom interfaces, animations, and other DX-based visuals.

== Client Functions ==
* [[Astrath:createWindow]] – Creates a new DX-based window element
* [[Astrath:createButton]] – Creates a DX-based button element
* [[Astrath:createCheckBox]] – Creates a DX-based checkbox element
* [[Astrath:createComboBox]] – Creates a DX-based combobox element
* [[Astrath:createEditBox]] – Creates a DX-based editbox element
* [[Astrath:createGridList]] – Creates a DX-based gridlist element
* [[Astrath:createHidden]] – Creates a hidden DX element (used as a parent container)
* [[Astrath:createImage]] – Draws a DX-based image
* [[Astrath:createLabel]] – Creates a DX-based label element
* [[Astrath:createMemo]] – Creates a DX-based multi-line text element
* [[Astrath:createRadio]] – Creates a DX-based radio button element
* [[Astrath:createShape]] – Creates a drawable rectangle element (can be used as parent)
* [[Astrath:createTab]] – Creates a DX-based tab element
* [[Astrath:createTabPanel]] – Creates a container for tabs
* [[Astrath:animateText]] – Animates text dynamically

== Server Functions ==
* [[Astrath:loadResources]] – Load resources or assets on server

== See Also ==
* [[dxDrawImage]]
* [[dxDrawText]]
* [[onClientRender]]

Astrath:createWindow

2025-10-22T19:23:49Z

Sybellex:

= DxWindow:new=

{{Client function}}
{{FuncDef|element DxWindow:new ( string title, float posX, float posY, float width, float height, table color, element parent, boolean relative, boolean header, float headerSize, table headerColor, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based window element. The window can contain child DX elements, supports customization of colors, fonts, header, and can be attached to a parent element. Each window instance is automatically registered in the DX library for rendering and management.

'''Parameters:'''
* title (string) – The title text displayed on the window. Defaults to "New window" if not provided.
* posX (float) – X position on screen.
* posY (float) – Y position on screen.
* width (float) – Width of the window.
* height (float) – Height of the window.
* color (table / tocolor) – Main background color in RGBA. Optional.
* parent (element) – Parent DX element to attach this window to. Optional.
* relative (boolean) – If true, position will be calculated relative to parent. Optional.
* header (boolean) – If true, the window will display a header. Optional.
* headerSize (float) – Relative size of the header. Defaults to 5% of height.
* headerColor (table / tocolor) – Header color in RGBA. Defaults to tocolor(91, 57, 219, 255).
* font (string) – Font used for title text. Defaults to "default-bold".
* fontsize (float) – Font size multiplier. Defaults to 1.

'''Returns:'''
: Returns the newly created DX window element (DxWindow instance).

== Methods ==
{| class="wikitable" style="width:100%; border:none;"
! Method !! Description
|-
| Ath:destroy() || Destroys the window and all its child elements.
|-
| Ath:setTitle(title) || Sets a new title for the window.
|-
| Ath:setMovable(boolean) || Enables or disables window movement.
|-
| Ath:setVisible(boolean) || Shows or hides the window.
|-
| Ath:setEnabled(boolean) || Enables or disables window for interaction.
|-
| Ath:setHoverable(boolean) || Enables or disables hover effect.
|-
| Ath:setColor(r, g, b, a, type) || Sets the main or hover color of the window.
|}

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a window at position 200x200 with size 300x200
local myWindow = DxWindow:new(
"My Window", 200, 200, 300, 200, tocolor(50, 50, 50, 255), nil, false, true, 0.05, nil, "default-bold", 1
)

-- Show window and enable hover
myWindow:setVisible(true)
myWindow:setHoverable(true)
</syntaxhighlight>

'''See also:'''
* [[DxButton:new]] – For creating buttons inside windows
* [[DxLabel:new]] – For adding text labels
* [[onClientRender]] – Event used to draw DX elements
* [[Astrath]] – Main library page

Astrath:createWindow

2025-10-22T19:10:38Z

Sybellex: /* DxWindow:new */

= DxWindow:new=

{{Client function}}
{{FuncDef|element DxWindow:new ( string title, float posX, float posY, float width, float height, table color, element parent, boolean relative, boolean header, float headerSize, table headerColor, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based window element. The window can contain child DX elements, supports customization of colors, fonts, header, and can be attached to a parent element. Each window instance is automatically registered in the DX library for rendering and management.

'''Parameters:'''
* title (string) – The title text displayed on the window. Defaults to "New window" if not provided.
* posX (float) – X position on screen.
* posY (float) – Y position on screen.
* width (float) – Width of the window.
* height (float) – Height of the window.
* color (table / tocolor) – Main background color in RGBA. Optional.
* parent (element) – Parent DX element to attach this window to. Optional.
* relative (boolean) – If true, position will be calculated relative to parent. Optional.
* header (boolean) – If true, the window will display a header. Optional.
* headerSize (float) – Relative size of the header. Defaults to 5% of height.
* headerColor (table / tocolor) – Header color in RGBA. Defaults to tocolor(91, 57, 219, 255).
* font (string) – Font used for title text. Defaults to "default-bold".
* fontsize (float) – Font size multiplier. Defaults to 1.

'''Returns:'''
: Returns the newly created DX window element (DxWindow instance).

'''Methods:'''
* Ath:destroy()` – Destroys the window and all its child elements.
* Ath:setTitle(title)` – Sets a new title for the window.
* Ath:setMovable(boolean)` – Enables or disables window movement.
* Ath:setVisible(boolean)` – Shows or hides the window.
* Ath:setEnabled(boolean)` – Enables or disables the window for interaction.
* Ath:setHoverable(boolean)` – Enables or disables hover effect.
* Ath:setColor(r, g, b, a, type)` – Sets the main or hover color of the window.

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a window at position 200x200 with size 300x200
local myWindow = DxWindow:new(
"My Window", 200, 200, 300, 200, tocolor(50, 50, 50, 255), nil, false, true, 0.05, nil, "default-bold", 1
)

-- Show window and enable hover
myWindow:setVisible(true)
myWindow:setHoverable(true)
</syntaxhighlight>

'''See also:'''
* [[DxButton:new]] – For creating buttons inside windows
* [[DxLabel:new]] – For adding text labels
* [[onClientRender]] – Event used to draw DX elements
* [[Astrath]] – Main library page

Astrath:createWindow

2025-10-22T19:08:07Z

Sybellex: /* DxWindow:new / Astrath:createWindow */

= DxWindow:new=

{{Client function}}
{{FuncDef|element DxWindow:new ( string title, float posX, float posY, float width, float height, table color, element parent, boolean relative, boolean header, float headerSize, table headerColor, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based window element. The window can contain child DX elements, supports customization of colors, fonts, header, and can be attached to a parent element. Each window instance is automatically registered in the DX library for rendering and management.

'''Parameters:'''
* title (string) – The title text displayed on the window. Defaults to "New window" if not provided.
* posX (float) – X position on screen.
* posY (float) – Y position on screen.
* width (float) – Width of the window.
* height (float) – Height of the window.
* color (table / tocolor) – Main background color in RGBA. Optional.
* parent (element) – Parent DX element to attach this window to. Optional.
* relative (boolean) – If true, position will be calculated relative to parent. Optional.
* header (boolean) – If true, the window will display a header. Optional.
* headerSize (float) – Relative size of the header. Defaults to 5% of height.
* headerColor (table / tocolor) – Header color in RGBA. Defaults to tocolor(91, 57, 219, 255).
* font (string) – Font used for title text. Defaults to "default-bold".
* fontsize (float) – Font size multiplier. Defaults to 1.

'''Returns:'''
: Returns the newly created DX window element (DxWindow instance).

'''Methods:'''
* `:destroy()` – Destroys the window and all its child elements.
* `:setTitle(title)` – Sets a new title for the window.
* `:setMovable(boolean)` – Enables or disables window movement.
* `:setVisible(boolean)` – Shows or hides the window.
* `:setEnabled(boolean)` – Enables or disables the window for interaction.
* `:setHoverable(boolean)` – Enables or disables hover effect.
* `:setColor(r, g, b, a, type)` – Sets the main or hover color of the window.
* `:draw()` – Draws the window using the assigned style.

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a window at position 200x200 with size 300x200
local myWindow = DxWindow:new(
"My Window", 200, 200, 300, 200, tocolor(50, 50, 50, 255), nil, false, true, 0.05, nil, "default-bold", 1
)

-- Show window and enable hover
myWindow:setVisible(true)
myWindow:setHoverable(true)
</syntaxhighlight>

'''See also:'''
* [[DxButton:new]] – For creating buttons inside windows
* [[DxLabel:new]] – For adding text labels
* [[onClientRender]] – Event used to draw DX elements
* [[Astrath]] – Main library page

Astrath:createWindow

2025-10-22T19:07:21Z

Sybellex:

= DxWindow:new / Astrath:createWindow =

{{Client function}}
{{FuncDef|element DxWindow:new ( string title, float posX, float posY, float width, float height, table color, element parent, boolean relative, boolean header, float headerSize, table headerColor, string font, float fontsize )}}

'''Description:'''
Creates a new DX-based window element. The window can contain child DX elements, supports customization of colors, fonts, header, and can be attached to a parent element. Each window instance is automatically registered in the DX library for rendering and management.

'''Parameters:'''
* title (string) – The title text displayed on the window. Defaults to "New window" if not provided.
* posX (float) – X position on screen.
* posY (float) – Y position on screen.
* width (float) – Width of the window.
* height (float) – Height of the window.
* color (table / tocolor) – Main background color in RGBA. Optional.
* parent (element) – Parent DX element to attach this window to. Optional.
* relative (boolean) – If true, position will be calculated relative to parent. Optional.
* header (boolean) – If true, the window will display a header. Optional.
* headerSize (float) – Relative size of the header. Defaults to 5% of height.
* headerColor (table / tocolor) – Header color in RGBA. Defaults to tocolor(91, 57, 219, 255).
* font (string) – Font used for title text. Defaults to "default-bold".
* fontsize (float) – Font size multiplier. Defaults to 1.

'''Returns:'''
: Returns the newly created DX window element (DxWindow instance).

'''Methods:'''
* `:destroy()` – Destroys the window and all its child elements.
* `:setTitle(title)` – Sets a new title for the window.
* `:setMovable(boolean)` – Enables or disables window movement.
* `:setVisible(boolean)` – Shows or hides the window.
* `:setEnabled(boolean)` – Enables or disables the window for interaction.
* `:setHoverable(boolean)` – Enables or disables hover effect.
* `:setColor(r, g, b, a, type)` – Sets the main or hover color of the window.
* `:draw()` – Draws the window using the assigned style.

'''Example:'''
<syntaxhighlight lang="lua">
-- Create a window at position 200x200 with size 300x200
local myWindow = DxWindow:new(
"My Window", 200, 200, 300, 200, tocolor(50, 50, 50, 255), nil, false, true, 0.05, nil, "default-bold", 1
)

-- Show window and enable hover
myWindow:setVisible(true)
myWindow:setHoverable(true)
</syntaxhighlight>

'''See also:'''
* [[DxButton:new]] – For creating buttons inside windows
* [[DxLabel:new]] – For adding text labels
* [[onClientRender]] – Event used to draw DX elements
* [[Astrath]] – Main library page

Astrath:createWindow

2025-10-22T18:51:28Z

Sybellex: /* Astrath:createWindow */

{{Client function}}
{{FuncDef|element Astrath:createWindow ( float x, float y, float width, float height, string title )}}

'''Description:'''
Creates a new DX-based window element. The window can then be shown, hidden, or manipulated using other Astrath functions.

'''Parameters:'''
* x (float) – The X position of the window on the screen
* y (float) – The Y position of the window on the screen
* width (float) – Width of the window
* height (float) – Height of the window
* title (string) – Title displayed in the window

'''Returns:'''
: Returns an element representing the window.

'''Example:'''
<syntaxhighlight lang="lua">
local win = Astrath:createWindow(200, 200, 300, 200, "Example Window")
Astrath:show(win, true)
</syntaxhighlight>

'''See also:'''
* [[Astrath:drawImage]]
* [[Astrath:animateText]]

Astrath:createWindow

2025-10-22T18:49:37Z

Sybellex: Created page with "= Astrath:createWindow = {{Client function}} {{FuncDef|element Astrath:createWindow ( float x, float y, float width, float height, string title )}} '''Description:''' Creates a new DX-based window element. The window can then be shown, hidden, or manipulated using other Astrath functions. '''Parameters:''' * x (float) – The X position of the window on the screen * y (float) – The Y position of the window on the screen * width (float) – Width of the window * heig..."

= Astrath:createWindow =

{{Client function}}
{{FuncDef|element Astrath:createWindow ( float x, float y, float width, float height, string title )}}

'''Description:'''
Creates a new DX-based window element. The window can then be shown, hidden, or manipulated using other Astrath functions.

'''Parameters:'''
* x (float) – The X position of the window on the screen
* y (float) – The Y position of the window on the screen
* width (float) – Width of the window
* height (float) – Height of the window
* title (string) – Title displayed in the window

'''Returns:'''
: Returns an element representing the window.

'''Example:'''
<syntaxhighlight lang="lua">
local win = Astrath:createWindow(200, 200, 300, 200, "Example Window")
Astrath:show(win, true)
</syntaxhighlight>

'''See also:'''
* [[Astrath:drawImage]]
* [[Astrath:animateText]]

Astrath

2025-10-22T18:48:12Z

Sybellex: /* Astrath */

Astrath

2025-10-15T15:59:02Z

Sybellex: Resource Astrath

= Astrath =
''Astrath'' is a DirectX framework for MTA:SA developed by '''Magath'''.
It provides a simplified API for drawing custom interfaces, animations, and other DX-based visuals.

== Functions ==
=== Client functions ===
* [[#Astrath:createWindow|Astrath:createWindow]]
* [[#Astrath:drawImage|Astrath:drawImage]]
* [[#Astrath:animateText|Astrath:animateText]]

== Function Reference ==

=== Astrath:createWindow ===
{{FuncDef|element Astrath:createWindow ( float x, float y, float width, float height, string title )}}
Creates a new DX-based window element.

'''Returns:'''
: Returns an element representing the window.

'''Example:'''
<syntaxhighlight lang="lua">
local win = Astrath:createWindow(200, 200, 300, 200, "Example Window")
Astrath:show(win, true)
</syntaxhighlight>

---

=== Astrath:drawImage ===
{{FuncDef|bool Astrath:drawImage ( float x, float y, float w, float h, string path [, int color = 0xFFFFFFFF ] )}}
Draws a DX image on screen.

'''Returns:'''
: Returns true if successful, false otherwise.

'''Example:'''
<syntaxhighlight lang="lua">
Astrath:drawImage(100, 100, 128, 128, "img/logo.png")
</syntaxhighlight>

---

== See Also ==
* [[dxDrawImage]]
* [[dxDrawText]]
* [[onClientRender]]

OutputChatBox

2024-10-21T23:38:09Z

Sybellex: Blanked the page

OutputChatBox

2024-10-21T23:37:26Z

Sybellex: Replaced content with "cs:outputChatBox"

[[cs:outputChatBox]]

User:Sybellex

2024-10-21T23:35:28Z

Sybellex: Replaced content with "<inputbox> type=create width=100 break=no buttonlabel=Create new article placeholder=Article title </inputbox>"

<inputbox>
type=create
width=100
break=no
buttonlabel=Create new article
placeholder=Article title
</inputbox>

User:Sybellex

2024-08-13T15:38:31Z

Sybellex: Created page with "==Syntax== <syntaxhighlight lang="lua"> bool addEvent ( string eventName [, bool allowRemoteTrigger = false ] ) </syntaxhighlight> ===Required Arguments=== *'''eventName:''' The name of the event you wish to create. ===Optional Arguments=== *'''allowRemoteTrigger:''' A boolean specifying whether this event can be called remotely using triggerClientEvent / triggerServerEvent or not. ===Returns=== Returns ''true'' if the event was added successfully, ''fal..."

==Syntax==
<syntaxhighlight lang="lua">
bool addEvent ( string eventName [, bool allowRemoteTrigger = false ] )
</syntaxhighlight>

===Required Arguments===
*'''eventName:''' The name of the event you wish to create.

===Optional Arguments===
*'''allowRemoteTrigger:''' A boolean specifying whether this event can be called remotely using [[triggerClientEvent]] / [[triggerServerEvent]] or not.

===Returns===
Returns ''true'' if the event was added successfully, ''false'' if the event was already added.

==Example==
This example will define a new event called ''onSpecialEvent''.
<syntaxhighlight lang="lua">
-- Add a new event called onSpecialEvent
addEvent ( "onSpecialEvent", true )

-- Define our handler function, that takes a "text" parameter and outputs it to the chatbox
function specialEventHandler ( text )
outputChatBox ( text )
end

-- Add it as a handler for our event
addEventHandler ( "onSpecialEvent", root, specialEventHandler )
</syntaxhighlight>

You can then trigger this event later on using:
<syntaxhighlight lang="lua">
triggerEvent ( "onSpecialEvent", root, "test" )
</syntaxhighlight>

This will cause the handler to be triggered, so "test" will be output to the chatbox.