Multi Theft Auto: Wiki - User contributions [en]

CustomMemoBox.create

2020-11-20T14:48:07Z

Ridden:

__NOTOC__
{{Client function}}
This function creates Memo Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomMemoBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.

=== Returns ===
Creates Memo Box and returns object of class CustomMemoBox.
[[File:Capture.PNG|thumb|right]]
== Example ==
<syntaxhighlight>
CustomMemoBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomTextBox.create

2020-11-20T14:47:31Z

Ridden: /* Example */

__NOTOC__
{{Client function}}
This function creates Text Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomTextBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent,bool mlined])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.
*'''mlined''' - I don't know xD ;

=== Returns ===
Creates Text Box and returns object of class CustomTextBox.

== Example ==
[[File:Capture.PNG|thumb|right]]
<syntaxhighlight>
CustomTextBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomTextBox.create

2020-11-20T14:46:37Z

Ridden: /* Example */

__NOTOC__
{{Client function}}
This function creates Text Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomTextBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent,bool mlined])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.
*'''mlined''' - I don't know xD ;

=== Returns ===
Creates Text Box and returns object of class CustomTextBox.

== Example ==
[[File:Capture.PNG]]
<syntaxhighlight>
CustomTextBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomTextBox.create

2020-11-20T14:45:38Z

Ridden:

__NOTOC__
{{Client function}}
This function creates Text Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomTextBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent,bool mlined])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.
*'''mlined''' - I don't know xD ;

=== Returns ===
Creates Text Box and returns object of class CustomTextBox.

== Example ==
[[File:Capture.png]]
<syntaxhighlight>
CustomTextBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

File:Capture.PNG

2020-11-20T14:41:36Z

Ridden:

CustomMemoBox.create

2020-11-20T14:23:45Z

Ridden: Created page with "__NOTOC__ {{Client function}} This function creates Memo Box. == Syntax == <syntaxhighlight lang="lua"> ctbox CustomMemoBox.create(float X, float Y, float Width, float Heigh..."

__NOTOC__
{{Client function}}
This function creates Memo Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomMemoBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.

=== Returns ===
Creates Memo Box and returns object of class CustomMemoBox.

== Example ==
<syntaxhighlight>
CustomMemoBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomTextBox.create

2020-11-20T14:22:04Z

Ridden: /* Example */

__NOTOC__
{{Client function}}
This function creates Text Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomTextBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent,bool mlined])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.
*'''mlined''' - I don't know xD ;

=== Returns ===
Creates Text Box and returns object of class CustomTextBox.

== Example ==
<syntaxhighlight>
CustomTextBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomTextBox.create

2020-11-20T14:21:34Z

Ridden: /* Example */

__NOTOC__
{{Client function}}
This function creates Text Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomTextBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent,bool mlined])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.
*'''mlined''' - I don't know xD ;

=== Returns ===
Creates Text Box and returns object of class CustomTextBox.

== Example ==
<syntaxhighlight>
CustomMemoBox.create(300,300,200,200,"Hello my name is Ridden")
</syntaxhighlight>

Rights : Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomTextBox.create

2020-11-20T14:21:00Z

Ridden: Created page with "__NOTOC__ {{Client function}} This function creates Text Box. == Syntax == <syntaxhighlight lang="lua"> ctbox CustomTextBox.create(float X, float Y, float Width, float Heigh..."

__NOTOC__
{{Client function}}
This function creates Text Box.

== Syntax ==
<syntaxhighlight lang="lua">
ctbox CustomTextBox.create(float X, float Y, float Width, float Height,string Title, [bool Relative, cw-element Parent,bool mlined])
</syntaxhighlight>

=== Required Arguments ===
*'''X''' - Position on X axis on screen of widget
*'''Y''' - Position on Y axis on screen of widget
*'''Width''' - Width of widget
*'''Height''' - Height of widget

=== Other Arguments ===
*'''Relative''' - Relative of coordinates and size (if false, position and size will be absolute). Default - ''false''.
*'''Parent''' - CW Element of parent or Window Object. Default - ''nil''.
*'''mlined''' - I don't know xD ;

=== Returns ===
Creates Text Box and returns object of class CustomTextBox.

== Example ==
CustomMemoBox.create(300,300,200,200,"Hello my name is Ridden")

</syntaxhighlight>
Rights : Digital/Ridden
== See Also ==
{{CWSFUNCS}}

Resource:CustomWidgets

2020-11-20T13:54:23Z

Ridden:

{{Resource page}}

[[Image:CustomWidgetsDemo.png|400px|thumb|right|Example of Custom Widgets]]
[[Image:WindowAnimation.gif|400px|thumb|right|Animation (GIF) of changing Themes of Custom Widgets]]
[[Image:AnotherCustomWidgets.png|400px|thumb|right|Another windows from Demo Widgets]]

This resource adding Custom Widget system, where you can create your own GUI-forms in one minimalistic visual style.

'''Author''': [https://forum.mtasa.com/profile/39663-ariosjentu/ AriosJentu]

'''Resource''': [https://forum.mtasa.com/topic/103782-rel-custom-gui-widget-system MTA SA Forums]

'''Resource's GitHub''': [https://github.com/AriosJentu/LuaWinSys GitHub]

== Information ==

Any questions about using this resource you can ask on Forums in ''Resource's topic'', or in ''PM'', or using ''Telegram'': ''@AriosJentu''.
Now I'm available in '''''Discord''''': ''@AriosJentu#4544''.

== Installation ==

[https://www.youtube.com/watch?v=YwwkFubC2No&feature=youtu.be '''''Click here to see Video YouTube explanation''''']

First - download archive, unpack it in ''resources'' folder of your server.

Next step is changing parent ''resourcename'' in file ''win.lua'' - first variable ('''CONTENT = "''resorcename''"'''). Set it to this folder name. This is needed for files, what located in this resource.

To use this resource in your developments, '''copy''' ''win.lua'' in directory of your own resource, put it on first position of scripts in '''''meta.xml''''', and run both resources - resource with files, what you already unpacked (firstly), and resource, where you using this system.

Make sure, that tag '''''oop''''' in '''meta.xml''' is ''true''

== Functions ==
{{CWSFUNCS}}

CustomStaticImage.create

2020-11-20T13:51:22Z

Ridden:

__NOTOC__
{{Client function}}
This function creates an static image .

==Syntax==
<syntaxhighlight lang="lua">
cimage CustomStaticImage.create(float X, float Y, float Width, float Height, string Location, [bool Relative, CW-element Parent])

</syntaxhighlight>

===Required Arguments===

*'''X:''' A float of the 2D x position of the image on a player's screen.
*'''Y:''' A float of the 2D y position of the image on a player's screen.
*'''Width:''' A float of the width of the image.
*'''Height:''' A float of the height of the image.
*'''Location:''' A string of texture path.

===Optional Arguments===
{{OptionalArg}}
*'''Relative:''' A boolean of whether sizes and positioning are relative.
*'''parent:''' This is the parent that the image is attached to.

===Returns===
Returns [[element]] if image was created successfully, ''false'' otherwise.

==Example==
This example will display a image on player's screen.
<section name="Client-side" class="client" show="true">
<syntaxhighlight lang="lua">

CustomStaticImage.create(100,100,200,200,"image.png")

</syntaxhighlight>
</section>
Right:Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomStaticImage.create

2020-11-20T13:50:11Z

Ridden:

__NOTOC__
{{Client function}}
This function creates an static image .

==Syntax==
<syntaxhighlight lang="lua">
cimage CustomStaticImage.create(float X, float Y, float Width, float Height, string Location, [bool Relative, CW-element Parent])

</syntaxhighlight>

===Required Arguments===

*'''X:''' A float of the 2D x position of the image on a player's screen.
*'''Y:''' A float of the 2D y position of the image on a player's screen.
*'''Width:''' A float of the width of the image.
*'''Height:''' A float of the height of the image.
*'''Location:''' A string of texture path.

===Optional Arguments===
{{OptionalArg}}
*'''Relative:''' A boolean of whether sizes and positioning are relative.
*'''parent:''' This is the parent that the image is attached to.

===Returns===
Returns [[element]] if image was created successfully, ''false'' otherwise.

==Example==
This example will display a rectangle on the player's screen.
<section name="Client-side" class="client" show="true">
<syntaxhighlight lang="lua">

CustomStaticImage.create(100,100,200,200,"image.png")

</syntaxhighlight>
</section>
Right:Digital/Ridden

== See Also ==
{{CWSFUNCS}}

CustomStaticImage.create

2020-11-20T13:49:37Z

Ridden: Created page with "__NOTOC__ {{Client function}} This function creates an static image . ==Syntax== <syntaxhighlight lang="lua"> cimage CustomStaticImage.create(float X, float Y, float Width,..."

__NOTOC__
{{Client function}}
This function creates an static image .

==Syntax==
<syntaxhighlight lang="lua">
cimage CustomStaticImage.create(float X, float Y, float Width, float Height, string Location, [bool Relative, CW-element Parent])

</syntaxhighlight>

===Required Arguments===

*'''X:''' A float of the 2D x position of the image on a player's screen.
*'''Y:''' A float of the 2D y position of the image on a player's screen.
*'''Width:''' A float of the width of the image.
*'''Height:''' A float of the height of the image.
*'''Location:''' A string of texture path.

===Optional Arguments===
{{OptionalArg}}
*'''Relative:''' A boolean of whether sizes and positioning are relative.
*'''parent:''' This is the parent that the image is attached to.

===Returns===
Returns [[element]] if image was created successfully, ''false'' otherwise.

==Example==
This example will display a rectangle on the player's screen.
<section name="Client-side" class="client" show="true">
<syntaxhighlight lang="lua">

CustomStaticImage.create(100,100,200,200,"image.png")

</syntaxhighlight>
</section>
Right:Digital/Ridden
==See Also==
{{DGSFUNCTIONS}}

CustomWindow:getSizable

2020-11-20T13:37:57Z

Ridden: Created page with "__NOTOC__ {{Client function}} This function gets sizable status of Custom Window. == Syntax == <syntaxhighlight lang="lua"> bool CustomWindow:getSizable() </syntaxhighlight>..."

__NOTOC__
{{Client function}}
This function gets sizable status of Custom Window.

== Syntax ==
<syntaxhighlight lang="lua">
bool CustomWindow:getSizable()
</syntaxhighlight>

=== Returns ===
Returns sizable status of Custom Window.

== Example ==
This example creates a window and gets his movable status :

<syntaxhighlight lang="lua">
local Window = CustomWindow.create(50, 50, 200, 150, "Hello World")

Window:getSizable() -- returns 'false' by default
</syntaxhighlight>
Rights: Digital/Ridden
== See Also ==
{{CWSFUNCS}}

CustomWindow:setSizable

2020-11-20T13:33:00Z

Ridden:

__NOTOC__
{{Client function}}
This function set Custom Window available for sizing on screen with mouse .

== Syntax ==
<syntaxhighlight lang="lua">
nil CustomWindow:setSizable([bool Sizable])
</syntaxhighlight>

=== Other Arguments ===
*'''Sizable''' - Boolean value of state for window of Sizable . Default - ''false'' (not sizable)

== Example ==
This example creates window, and disables its sizing:

<syntaxhighlight lang="lua">
local Window = CustomWindow.create(50, 50, 200, 150, "Example")
Window:setSizable(false)
</syntaxhighlight>

Rights : Ridden/Digital

== See Also ==
{{CWSFUNCS}}

CustomWindow:setSizable

2020-11-20T13:31:46Z

Ridden: Created page with "__NOTOC__ {{Client function}} This function set Custom Window available for sizing on screen with mouse (makes window '(not)' sizable). == Syntax == <syntaxhighlight lang="lu..."

__NOTOC__
{{Client function}}
This function set Custom Window available for sizing on screen with mouse (makes window '(not)' sizable).

== Syntax ==
<syntaxhighlight lang="lua">
nil CustomWindow:setSizable([bool Sizable])
</syntaxhighlight>

=== Other Arguments ===
*'''Sizable''' - Boolean value of state for window of Sizable . Default - ''false'' (not sizable)

== Example ==
This example creates window, and disables its sizing:

<syntaxhighlight lang="lua">
local Window = CustomWindow.create(50, 50, 200, 150, "Example")
Window:setSizable(false)
</syntaxhighlight>

== See Also ==
{{CWSFUNCS}}

DgsSetProperties

2018-01-02T16:45:29Z

Ridden: Blanked the page

DgsSetProperties

2018-01-02T16:38:54Z

Ridden: Created page with "{{Client function}} __NOTOC__ This function sets the value of a specific property of a DGS element. For a list of properties and their meaning, see the template:DGSPROPERTIE..."

{{Client function}}
__NOTOC__
This function sets the value of a specific property of a DGS element. For a list of properties and their meaning, see the [[template:DGSPROPERTIES | DGS properties page]].

'''Note: If you push a value improperly, errors or warnings will occur, which may cause lag and debug info spamming.'''

==Syntax==
<syntaxhighlight lang="lua">
string dgsDxGUISetProperty ( element dgsElement, string property, mixed value [, mixed arg1, mixed arg2 ... ] )
</syntaxhighlight>

===Required Arguments===
*'''dgsElement:''' the DGS element you wish to set a property to.
*'''property:''' the name of of property you want the value to.
*'''value:''' the value you want to set.
===Optional Arguments===
*'''arg...:''' extra value of some properties.

===Returns===
If the function succeeds, it returns true, false otherwise.

==Example==
This example creates a label whose text can be changed by itself.
<syntaxhighlight lang="lua">
DGS = exports.dgs
button = DGS:dgsDxCreateLabel(20, 200, 150, 30, "Test", false)
code = "return getTickCount()"
DGS:dgsDxGUISetProperty(button, "functions", code)
</syntaxhighlight>

==See Also==
{{DGSFUNCTIONS}}

DgsCreateScrollBar

2018-01-01T14:40:45Z

Ridden: /* Syntax */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Scroll Bar.

==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateScrollBar( float x, float y,float width, float height, bool horizontal, bool relative [,element parent = nil, element arrowImage = nil, element bgImage= nil, element cursorImage= nil, int colorArrowDef = 0xFFF0F0F0, int bgColorDef = 0xFFF0F0F0,int cursorColorDef = 0xFFC0C0C0,int colorArrowHov = 0xFFDADADA , int cursorColorHov = 0xFFA6A6A6, int colorArrowCli = 0xFFB4B4B4, int colorCursorCli = 0xFF606060] )
</syntaxhighlight>

===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS combobox on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS combobox on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS combobox. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS combobox. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''horizontal:''' whether this scrollbar is horizontal (''true'') or vertical (''false'').
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.

===Optional Arguments===
*'''parent:''' This is the parent that the DGS button is attached to. If the ''relative'' argument is true, sizes and positioning will be made relative to this parent. If the ''relative'' argument is false, positioning will be the number of offset pixels from the parent's origin. If no parent is passed, the parent will become the screen - causing positioning and sizing according to screen positioning.
*'''arrowImage:''' A texture element of the background of the arrow of the scroll bar.
*'''bgImage:''' A texture element of the background of the track of the scroll bar.
*'''cursorImage:''' A texture element of the background of the cursor(face) of the scroll bar.
*'''colorArrowDef:''' An int of the color of the background of the arrow of the scroll bar ( not hovering on or clicked ).
*'''bgColorDef:''' An int of the color of the background of the track of the scroll bar.
*'''cursorColorDef:''' An int of the color of the background of the cursor(face) of the scroll bar ( not hovering on or clicked ).
*'''colorArrowHov:''' An int of the color of the background of the arrow of the scroll bar ( hovering on ).
*'''cursorColorHov :''' An int of the color of the background of the cursor(face) of the scroll bar ( hovering on ).
*'''colorArrowCli:''' An int of the color of the background of the arrow of the scroll bar ( clicked ).
*'''colorCursorCli :''' An int of the color of the background of the cursor(face) of the scroll bar ( clicked ).

==Example==
This example creates a scroll bar on the screen.
<syntaxhighlight lang="lua">
DGS = exports.dgs
addEventHandler("onClientResourceStart", resourceRoot, function()
local scrollBar = DGS:dgsDxCreateScrollBar(0.29, 0.30, 0.44, 0.04, true, true)
showCursor(true)
end)
</syntaxhighlight>

==See Also==
{{DGSFUNCTIONS}}

Resource:DGS

2017-09-07T16:09:35Z

Ridden: /* Features */

<pageclass class="resource" subcaption="Resource"></pageclass>

This is a resource designed to allow you create dx gui on the screen instead of the original gui.

'''Full Name''' : Thisdp's DX Graphical User Interface System ( DX GUI Lib )

'''Author''' : thisdp

'''State''' : OpenSource (WIP)

'''GitHub Source''' : https://github.com/thisdp/dgs/tree/master

=Features=
'''How it works?'''
*DGS is just like the original gui system that is based on element system. I use a simple way that can make it easier to understand.
*DGS elements are rendered in "onClientRender". There is two or more tables store DGS elements. When "onClientRender" is called, "for" loop will loop and calculate every DGS element.

'''What's different?'''

*This resource is based on dx* functions. It allows us to edit our gui and make it in customlization.

'''Update System'''
*It have an update system that can keep your DGS latest.
*When a newer version has been pushed, it will detected and notice you to update dgs.
*Execute "updatedgs" to check the least version and update your DGS.

'''Update logs'''
*'''2.80 Update:'''
*1.Added Function : *dgsGetDxGUINoParent (Get DGS-DxGUIs which don't have parent)
*2.Added : Function : *dgsGetDxGUIFromResource (Get DGS-DxGUIs which were created by other resource)
*3.Fixed : Dx Grid List Mode (true) which the column has wrong position.

'''Examples scripts'''
*1.https://community.multitheftauto.com/index.php?p=resources&s=details&id=14757 By (Ahmed Ly,Mahmod Algeriany)

'''Debug'''

*You can enter debug mode by executing the command "debugdgs"

'''DGS Type'''

* Button (dgs-dxbutton): A button.
* Command (dgs-dxcmd): A command just like windows.
* Cyclehitshape (dgs-dxcyclehitshape): A check area that is cycle.
* Edit (dgs-dxedit): A edit.
* Gridlist (dgs-dxgridlist): A grid list.
* Image (dgs-dximage): A static image.
* Label (dgs-dxlabel): A text label.
* ScrollBar (dgs-dxscrollbar): A scroll bar.
* ScrollPane (dgs-dxscrollpane): A scroll pane.
* Tab Panel (dgs-dxtabpanel + dgs-dxtab) : A tab panel.
* Window (dgs-dxwindow): A window.
* Progress Bar (dgs-dxprogressbar): A Progress Bar.
* Radio Button (dgs-dxradiobutton): A Radio Button.
* Combo Box (dgs-dxcombobox + dgs-dxcombobox-Box) : A combo box.

'''Notice'''
*The resource name should be 'dgs'.
*This is a resource. If you want to use the functions exported by this resource, you should add something in front of the function like 'exports.dgs:dgsDxCreateLabel(0,0,0.5,0.1,"text",true)'
*Here is a feasible way to shorten the name of an exported function:
<syntaxhighlight lang="lua">
DGS = exports.dgs --shorten the export function prefix
label = DGS:dgsDxCreateLabel(0,0,0.5,0.1,"text",false) --create a label
</syntaxhighlight>

'''Thanks for their helps''' :
*Axel: Gives some tips and provide some functions.
*Senpai: Helps write wiki.
*ZoNe: Helps write wiki.
*DiGiTal: Helps write wiki.
*Ahmed Ly: Helps write wiki.

='''DGS Element Properties'''=
{{DGSPROPERTIES}}

='''Client Functions'''=
{{DGSFUNCTIONS}}

=Client Events=
{{DGSEVENTS}}

=Last=
'''Welcome everyone else to made suggestions, tested the script, helped me to finish the wiki, etc'''
[[Category:Resource]]

[[ZH-CN:Slothbot]]

DgsCreateTabPanel

2017-08-14T10:01:33Z

Ridden: /* Syntax */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = 0xB400000000])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

==See Also==
{{DGSFUNCTIONS}}

DgsCreateTabPanel

2017-08-12T15:44:04Z

Ridden: /* Syntax */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = 0x00000011 ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

==See Also==
{{DGSFUNCTIONS}}

DgsCreateTabPanel

2017-08-12T14:12:16Z

Ridden: /* Example */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

==See Also==
{{DGSFUNCTIONS}}

DgsCreateTabPanel

2017-08-12T14:11:33Z

Ridden: /* Optional Arguments */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
{{Client function}}
_NOTOC_
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

==See Also==
{{DGSFUNCTIONS}}

DgsCreateTabPanel

2017-08-12T14:11:04Z

Ridden: /* Example */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

{{Client function}}
_NOTOC_
==Example==
{{Client function}}
_NOTOC_
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

==See Also==
{{DGSFUNCTIONS}}

DgsCreateTabPanel

2017-08-12T14:10:42Z

Ridden: /* Example */

{{Client function}}
__NOTOC__
This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

{{Client function}}
_NOTOC_
==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

==See Also==
{{DGSFUNCTIONS}}

DgsCreateTabPanel

2017-08-12T14:06:17Z

Ridden: /* Example */

This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab2 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab3 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab4 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

DgsCreateTabPanel

2017-08-12T14:05:16Z

Ridden: /* Example */

This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's F2 to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

DgsCreateTabPanel

2017-08-12T14:04:20Z

Ridden:

This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

==Example==
This example creates tab panel with a BindKey which is F2
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's spacebar to the function guiToggleVisible
</syntaxhighlight>
Example Create by :'''Ridden'''

DgsCreateTabPanel

2017-08-12T14:02:38Z

Ridden:

This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS Panel is attached to.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

<section name="Example 1: Client" class="client" show="true">
This script show a tab panel by a BindKey(F2).
<syntaxhighlight lang="lua">
DGS = exports.dgs
matable = {}
matable.tab = DGS:dgsDxCreateTabPanel (0.22, 0.19, 0.56, 0.63,true)
matable.tab1 = DGS:dgsDxCreateTab("Main",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("Rules",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("FAQ",matable.tab)
matable.tab1 = DGS:dgsDxCreateTab("About Us",matable.tab)

function guiToggleVisible ( )
if ( DGS:dgsDxGUIGetVisible (matable.tab) == true ) then -- check if the dgs element is visible
DGS:dgsDxGUISetVisible (matable.tab, false ) -- if it is, we hide it
showCursor(false)
print("works2")
else
DGS:dgsDxGUISetVisible (matable.tab, true ) -- if not, we make it visible
showCursor(true)
print("works3")
end
end

bindKey ( "F2", "down", guiToggleVisible ) --bind the player's spacebar to the function guiToggleVisible
</syntaxhighlight>
</section>

DgsCreateTabPanel

2017-08-12T13:57:48Z

Ridden: /* image */

DgsCreateTabPanel

2017-08-12T13:57:27Z

Ridden:

DgsCreateTabPanel

2017-08-12T13:56:59Z

Ridden:

This function allows creation of a DGS Tab Panel.
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = ])
</syntaxhighlight>

==image==
[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]
===Required Arguments===
*'''x:''' A float of the 2D x position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the DGS Tab Panel on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the DGS Tab Panel. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the DGS Tab Panel. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the DGS button is attached to. If the ''relative'' argument is true, sizes and positioning will be made relative to this parent. If the ''relative'' argument is false, positioning will be the number of offset pixels from the parent's origin. If no parent is passed, the parent will become the screen - causing positioning and sizing according to screen positioning.
*'''tabheight:''' It's the Height of your tabs, Default is 20.
*'''defbcolor:''' It's the Color of the backround.

DgsCreateTabPanel

2017-08-12T13:55:04Z

Ridden:

DgsCreateTabPanel

2017-08-12T13:54:36Z

Ridden:

DgsCreateTabPanel

2017-08-12T13:51:51Z

Ridden: /* Syntax */

DgsCreateTabPanel

2017-08-12T13:47:36Z

Ridden:

DgsCreateTabPanel

2017-08-12T13:47:00Z

Ridden:

This function allows creation of a DGS [[Tab Panel]].
==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = )]
</syntaxhighlight>

DgsCreateTabPanel

2017-08-12T13:46:02Z

Ridden:

This function allows creation of a DGS Tab Panel.

[[Image:Mta-screen 2017-08-12 14-25-35.png|frame|Example DGS Tab Panel.]]

==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateTabPanel( float x, float y, float width, float height, bool relative, [ element parent = nil, element tabheight = 20, defbgcolor = )]
</syntaxhighlight>

DgsCreateTabPanel

2017-08-12T13:45:47Z

Ridden:

File:Mta-screen 2017-08-12 14-25-35.png

2017-08-12T13:44:27Z

Ridden:

DgsCreateTabPanel

2017-08-12T13:43:39Z

Ridden:

DgsCreateTabPanel

2017-08-12T13:40:59Z

Ridden: Created page with "This function allows creation of a DGS Tab Panel. ==Syntax== <syntaxhighlight lang="lua"> element dgsDxCreateTabPanel( float x, float y, float width, float height, bool rela..."

Resource:DGS

2017-08-11T09:20:41Z

Ridden:

<pageclass class="resource" subcaption="Resource"></pageclass>

This is a resource designed to allow you create dx gui on the screen instead of the original gui.

'''Full Name''' : Thisdp's DX Graphical User Interface System

'''Author''' : thisdp

'''State''' : OpenSource (WIP)

'''GitHub Source''' : https://github.com/thisdp/dgs/tree/master

=Features=
'''How it works?'''

*DGS is just like the original gui system that is based on element system. I use a simple way that can make it easier to understand.
*DGS elements are rendered in "onClientRender". There is two or more tables store DGS elements. When "onClientRender" is called, "for" loop will loop and calculate every DGS element.

'''What's different?'''

*This resource is based on dx* functions. It allows us to edit our gui and make it in customlization.

'''Update System'''
*It have an update system that can keep your DGS latest.
*When a newer version has been pushed, it will detected and notice you to update dgs.
*Execute "updatedgs" to check the least version and update your DGS.

'''Debug'''

*You can enter debug mode by executing the command "debugdgs"

'''DGS Type'''

* Button (dgs-dxbutton): A button.
* Command (dgs-dxcmd): A command just like windows.
* Cyclehitshape (dgs-dxcyclehitshape): A check area that is cycle.
* Edit (dgs-dxedit): A edit.
* Gridlist (dgs-dxgridlist): A grid list.
* Image (dgs-dximage): A static image.
* Label (dgs-dxlabel): A text label.
* ScrollBar (dgs-dxscrollbar): A scroll bar.
* ScrollPane (dgs-dxscrollpane): A scroll pane.
* Tab Panel (dgs-dxtabpanel + dgs-dxtab) : A tab panel.
* Window (dgs-dxwindow): A window.
* Progress Bar (dgs-dxprogressbar): A Progress Bar.
* Radio Button (dgs-dxradiobutton): A Radio Button.
* Combo Box (dgs-dxcombobox + dgs-dxcombobox-Box) : A combo box.

'''Notice'''
*The resource name should be 'dgs'.
*This is a resource. If you want to use the functions exported by this resource, you should add something in front of the function like 'exports.dgs:dgsDxCreateLabel(0,0,0.5,0.1,"text",true)'
*Here is a feasible way to shorten the name of an exported function:
<syntaxhighlight lang="lua">
DGS = exports.dgs --shorten the export function prefix
label = DGS:dgsDxCreateLabel(0,0,0.5,0.1,"text",false) --create a label
</syntaxhighlight>

'''Thanks for their helps''' :
*Axel: Gives some tips and provide some functions.
*Senpai: Helps write wiki.
*ZoNe: Helps write wiki.
*Ridden: Helps write wiki

='''Client Functions'''=
{{DGSFUNCTIONS}}

=Client Events=
{{DGSEVENTS}}

=Last=
'''Welcome everyone else to made suggestions, tested the script, helped me to finish the wiki, etc'''
[[Category:Resource]]

[[ZH-CN:Slothbot]]

DgsCreateComboBox

2017-08-11T09:13:31Z

Ridden: /* Example */

This function allows creation of a DGS ComboBox .

==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateComboBox( float x, float y, float width, float height, bool relative, [ element parent = nil, element itemheight = 20, int textcolor = 0xFF000000, float scalex = 1, float scaley = 1, element defimg = nil, element selimg = nil, element cliimg = nil, int defcolor = 0x0078C8C8, int hovcolor= 0xC8005AFF, int clicolor = 0xC8325AFA] )
</syntaxhighlight>

===Required Arguments===
[[Image:Mta-screen_2017-08-11_07-43-55.jpg|frame|Example DGS ComboBox.]]
*'''x:''' A float of the 2D x position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the Dgs combobox. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the Dgs combobox. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the GUI combobox is attached to.
*'''item height:''' It's the height of the itemes
*''' textcolor:''' It's the Text Color used.
*''' scalex :''' It's the Text Scale X position.
*''' scaley :''' It's the Text Scale Y position.
*''' textcolor:''' It's the Text Color used.

==Example==
This example creates a combo box in the center of the screen.
<syntaxhighlight lang="lua">
DGS = exports.dgs
addEventHandler("onClientResourceStart", resourceRoot,
function()
qiw = DGS:dgsDxCreateComboBox(0.29, 0.30, 0.44, 0.04, true)
showCursor(true)
end
)
</syntaxhighlight>
Example Create by :'''Ridden'''

DgsCreateComboBox

2017-08-11T09:13:16Z

Ridden: /* Example */

DgsCreateComboBox

2017-08-11T09:12:29Z

Ridden: /* Optional Arguments */

This function allows creation of a DGS ComboBox .

==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateComboBox( float x, float y, float width, float height, bool relative, [ element parent = nil, element itemheight = 20, int textcolor = 0xFF000000, float scalex = 1, float scaley = 1, element defimg = nil, element selimg = nil, element cliimg = nil, int defcolor = 0x0078C8C8, int hovcolor= 0xC8005AFF, int clicolor = 0xC8325AFA] )
</syntaxhighlight>

===Required Arguments===
[[Image:Mta-screen_2017-08-11_07-43-55.jpg|frame|Example DGS ComboBox.]]
*'''x:''' A float of the 2D x position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the Dgs combobox. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the Dgs combobox. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the GUI combobox is attached to.
*'''item height:''' It's the height of the itemes
*''' textcolor:''' It's the Text Color used.
*''' scalex :''' It's the Text Scale X position.
*''' scaley :''' It's the Text Scale Y position.
*''' textcolor:''' It's the Text Color used.

==Example==
This example creates a combo box in the center of the screen with all server vehicles on it.
<syntaxhighlight lang="lua">
DGS = exports.dgs
addEventHandler("onClientResourceStart", resourceRoot,
function()
qiw = DGS:dgsDxCreateComboBox(0.29, 0.30, 0.44, 0.04, true)
showCursor(true)
end
)
</syntaxhighlight>

DgsCreateComboBox

2017-08-11T09:10:41Z

Ridden:

This function allows creation of a DGS ComboBox .

==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateComboBox( float x, float y, float width, float height, bool relative, [ element parent = nil, element itemheight = 20, int textcolor = 0xFF000000, float scalex = 1, float scaley = 1, element defimg = nil, element selimg = nil, element cliimg = nil, int defcolor = 0x0078C8C8, int hovcolor= 0xC8005AFF, int clicolor = 0xC8325AFA] )
</syntaxhighlight>

===Required Arguments===
[[Image:Mta-screen_2017-08-11_07-43-55.jpg|frame|Example DGS ComboBox.]]
*'''x:''' A float of the 2D x position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the Dgs combobox. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the Dgs combobox. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the GUI combobox is attached to.
*'''item height:''' It's the height of the itemes
*''' textcolor:''' It's the Text Color used.
*''' sX:''' It's the Text Scale X position.
*''' sY:''' It's the Text Scale Y position.
*''' textcolor:''' It's the Text Color used.
==Example==
This example creates a combo box in the center of the screen with all server vehicles on it.
<syntaxhighlight lang="lua">
DGS = exports.dgs
addEventHandler("onClientResourceStart", resourceRoot,
function()
qiw = DGS:dgsDxCreateComboBox(0.29, 0.30, 0.44, 0.04, true)
showCursor(true)
end
)
</syntaxhighlight>

DgsCreateComboBox

2017-08-11T09:03:35Z

Ridden:

This function allows creation of a DGS ComboBox .

==Syntax==
<syntaxhighlight lang="lua">
element dgsDxCreateComboBox( float x, float y, float width, float height, bool relative, [ element parent = nil, element itemheight = 20, int textcolor = 0xFF000000, float scalex = 1, float scaley = 1, element defimg = nil, element selimg = nil, element cliimg = nil, int defcolor = 0x0078C8C8, int hovcolor= 0xC8005AFF, int clicolor = 0xC8325AFA] )
</syntaxhighlight>

===Required Arguments===
[[Image:Mta-screen_2017-08-11_07-43-55.jpg|frame|Example DGS ComboBox.]]
*'''x:''' A float of the 2D x position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''y:''' A float of the 2D y position of the Dgs combobox on a player's screen. This is affected by the ''relative'' argument.
*'''width:''' A float of the width of the Dgs combobox. This is affected by the ''relative'' argument.
*'''height:''' A float of the height of the Dgs combobox. This is affected by the ''relative'' argument. Note: height must be enough to fit the drop down menu, else the drop down won't appear.
*'''relative:''' This is whether sizes and positioning are relative. If this is ''true'', then all x,y,width,height floats must be between 0 and 1, representing sizes relative to the parent.
===Optional Arguments===
*'''parent:''' This is the parent that the GUI combobox is attached to.
*'''item height:''' It's the height of the itemes
*''' textcolor:''' It's the Text Color used.
*''' sX:''' It's the Text Scale X position.
*''' sY:''' It's the Text Scale Y position.
*''' textcolor:''' It's the Text Color used.

DgsCreateComboBox

2017-08-11T08:58:49Z

Ridden: