DgsCreateEdit: Difference between revisions

From Multi Theft Auto: Wiki
Jump to navigation Jump to search
(update arguments names)
 
(14 intermediate revisions by 5 users not shown)
Line 1: Line 1:
__NOTOC__  
__NOTOC__  
{{Client function}}
{{Client function}}
[[Image:Gui-edit.png|frame|Example GUI edit field.]]
[[Image:Dx_5.PNG|frame|Example Dx edit field.]]
<table><tr><td valign=top height=80>
<table><tr><td valign=top height=80>


This function is for creating a new DGS edit box.  This is a text box in which the user can input text. Edit boxes only allow a single line of text. If you want to allow multiple lines of text create a memo box using [[guiCreateMemo]].
This function is for creating a new DGS edit box.  This is a text box in which the user can input text. Edit boxes only allow a single line of text. If you want to allow multiple lines of text create a memo box using [[dgsCreateMemo]].


</td></tr></table>
</td></tr></table>
Line 10: Line 10:
==Syntax==  
==Syntax==  
<syntaxhighlight lang="lua">
<syntaxhighlight lang="lua">
element dgsDxCreateEdit ( float x, float y, float width, float height, string text, bool relative, [element parent = nil, int textcolor = FF000000, float scalex = 1, float scaley = 1,element imagebg = nil, element colorbg = FFC8C8C8, bool selectmode = false] )
element dgsCreateEdit ( float x, float y, float width, float height, string text, bool relative [, element parent = nil, int textColor = FF000000, float scaleX = 1, float scaleY = 1,element bgImage = nil, int bgColor = 0xFFC8C8C8, bool selectMode = false ] )
</syntaxhighlight>  
</syntaxhighlight>  


Line 20: Line 20:
*'''text:''' A string of the text that will be displayed by default in the edit box.
*'''text:''' A string of the text that will be displayed by default in the edit box.
*'''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 measures relative to the parent.
*'''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 measures relative to the parent.
*'''textcolor:''' An int of the color of the text.
*'''scalex:''' A float of the multiplier of the width of the text.
*'''scaley:''' A float of the multiplier of the height of the text.
*'''imagebg:''' A texture element of the background of the DGS edit box.
*'''colorbg:''' An int of the color of the background of the DGS edit box.
*'''selectmode :''' A bool of whether the select background color is above the text or under the text.
===Optional Arguments===  
===Optional Arguments===  
{{OptionalArg}}  
{{OptionalArg}}  
*'''parent:''' This is the parent that the DGS edit box 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.
*'''parent:''' This is the parent that the DGS edit box 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.
*'''textColor:''' An int of the color of the text.
*'''scaleX:''' A float of the multiplier of the width of the text.
*'''scaleY:''' A float of the multiplier of the height of the text.
*'''bgImage:''' A texture element of the background of the DGS edit box.
*'''bgColor:''' An int of the color of the background of the DGS edit box.
*'''selectMode :''' A bool of whether the select background color is above the text or under the text.


===Returns===
===Returns===
Line 38: Line 38:
DGS = exports.dgs
DGS = exports.dgs
--create our button
--create our button
button = DGS:dgsDxCreateButton( 0.7, 0.1, 0.2, 0.1, "OK", true )
button = DGS:dgsCreateButton( 0.7, 0.1, 0.2, 0.1, "OK", true )
--Create an edit box and define it as "editBox".
--Create an edit box and define it as "editBox".
editBox = DGS:dgsDxCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
editBox = DGS:dgsCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )


--setup our function to output the message to the chatbox
--setup our function to output the message to the chatbox
function outputEditBox ()
function outputEditBox ( button, state )
         local text = DGS:dgsDxGUIGetText ( editBox )--get the text from the edit box
         local text = DGS:dgsGetText ( editBox )--get the text from the edit box
         outputChatBox ( text ) --output that text
         outputChatBox ( text ) --output that text
end
end
addEventHandler ( "onClientGUIClick", button, outputEditBox )
addEventHandler ( "onDgsMouseClick", button, outputEditBox )


</syntaxhighlight>
</syntaxhighlight>
Line 55: Line 55:
<syntaxhighlight lang="lua">
<syntaxhighlight lang="lua">
DGS = exports.dgs
DGS = exports.dgs
local editBox = DGS:dgsDxCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
local editBox = DGS:dgsCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
DGS:dgsDxGUIBringToFront( editBox )
DGS:dgsBringToFront( editBox )
DGS:dgsDxEditSetCaretPosition( editBox, 1 )
DGS:dgsEditSetCaretPosition( editBox, 1 )
</syntaxhighlight>
</syntaxhighlight>


 
Edit by: Senpai
This example masks the password:
This example masks the password:
<syntaxhighlight lang="lua">
<syntaxhighlight lang="lua">
DGS = exports.dgs
DGS = exports.dgs
local editBox = DGS:dgsDxCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
local editBox = DGS:dgsCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
DGS:dgsDxGUISetProperty(edutBox,"masked",true) --if its true then it will be masked
DGS:dgsSetProperty(editBox,"masked",true) --if its true then it will be masked
</syntaxhighlight>
</syntaxhighlight>


==See Also==
==See Also==
{{DGSFUNCTIONS}}
{{DGSFUNCTIONS}}

Latest revision as of 13:49, 16 February 2021

Example Dx edit field.

This function is for creating a new DGS edit box. This is a text box in which the user can input text. Edit boxes only allow a single line of text. If you want to allow multiple lines of text create a memo box using dgsCreateMemo.

Syntax

element dgsCreateEdit ( float x, float y, float width, float height, string text, bool relative [, element parent = nil, int textColor = FF000000, float scaleX = 1, float scaleY = 1,element bgImage = nil, int bgColor = 0xFFC8C8C8, bool selectMode = false ] )

Required Arguments

  • x: A float of the 2D x position of the DGS edit box on a player's screen. This is affected by the relative argument.
  • y: A float of the 2D y position of the DGS edit box on a player's screen. This is affected by the relative argument.
  • width: A float of the width of the DGS edit box. This is affected by the relative argument.
  • height: A float of the height of the DGS edit box. This is affected by the relative argument.
  • text: A string of the text that will be displayed by default in the edit box.
  • 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 measures relative to the parent.

Optional Arguments

NOTE: When using optional arguments, you might need to supply all arguments before the one you wish to use. For more information on optional arguments, see optional arguments.

  • parent: This is the parent that the DGS edit box 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.
  • textColor: An int of the color of the text.
  • scaleX: A float of the multiplier of the width of the text.
  • scaleY: A float of the multiplier of the height of the text.
  • bgImage: A texture element of the background of the DGS edit box.
  • bgColor: An int of the color of the background of the DGS edit box.
  • selectMode : A bool of whether the select background color is above the text or under the text.

Returns

Returns a dgs-dxedit element of the created edit box if it was successfully created, false otherwise.

Example

This example creates an edit box alongside an "Output!" button. When the button is clicked, it will output the message in the edit box into the Chat Box.

DGS = exports.dgs
--create our button
button = DGS:dgsCreateButton( 0.7, 0.1, 0.2, 0.1, "OK", true )
--Create an edit box and define it as "editBox".
editBox = DGS:dgsCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )

--setup our function to output the message to the chatbox
function outputEditBox ( button, state )
        local text = DGS:dgsGetText ( editBox )--get the text from the edit box
        outputChatBox ( text ) --output that text
end
addEventHandler ( "onDgsMouseClick", button, outputEditBox )


This example creates an edit box and sets the input focus so the player does not have to click before typing:

DGS = exports.dgs
local editBox = DGS:dgsCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
DGS:dgsBringToFront( editBox )
DGS:dgsEditSetCaretPosition( editBox, 1 )

Edit by: Senpai This example masks the password:

DGS = exports.dgs
local editBox = DGS:dgsCreateEdit( 0.3, 0.1, 0.4, 0.1, "", true )
DGS:dgsSetProperty(editBox,"masked",true) --if its true then it will be masked

See Also

Custom Cursor Functions

Multi Language Supports

Animation

3D Element

3D Interface

3D Line

3D Image

3D Text

Browser

Button

Check Box

Combo Box

Custom Renderer

Edit

Detect Area

Drag'N Drop

Grid List

Image

Memo

Menu

Label

Layout

Line

Progress Bar

Radio Button

Scale Pane

Scroll Bar

Scroll Pane

Selector

Style

Switch Button

Tab Panel

Window

Basic Shape Plugins

Circle

Quadrilateral

Rounded Rectangle

Other Plugins

Blur Box

Canvas

Chart

Color Picker

Effect 3D

Gradient

Mask

Media Browser

Nine Slice

Object Preview Supports

Paste Handler

QRCode

Remote Image

Screen Source

SVG

Tooltips