Arma 3: User Interface Editor - Revision history

Lou Montana: Text replacement - "{{Feature|Warning|" to "{{Feature|warning|"

2024-02-01T23:25:08Z

Text replacement - "{{Feature|Warning|" to "{{Feature|warning|"

← Older revision		Revision as of 01:25, 2 February 2024
Line 272:		Line 272:
	* '''Grid''' - Coordinates are multipliers of grid size		* '''Grid''' - Coordinates are multipliers of grid size
	* '''Control Group''' - Elements are aligned to given RscControlGroup and share their position type		* '''Control Group''' - Elements are aligned to given RscControlGroup and share their position type
	{{Feature\|~~Warning~~\|The current GUI_GRID setting does not work. A fix can be found [[Arma_3:_GUI_Coordinates#Using_the_grids_in_the_GUI_Editor\|here]].}}		{{Feature\|warning\|The current GUI_GRID setting does not work. A fix can be found [[Arma_3:_GUI_Coordinates#Using_the_grids_in_the_GUI_Editor\|here]].}}

Lou Montana: Some wiki formatting

2023-03-13T20:39:15Z

Some wiki formatting

← Older revision		Revision as of 22:39, 13 March 2023
Line 14:		Line 14:

	The position of your UI is determined by [[Arma_3:_GUI_Coordinates\|screen coordinates]]. The default grid that is selected in the GUI Editor does not work. Therefore we will have to replace it. Open the grid settings with {{Controls\|Ctrl\|G}}. You should see a UI where you can edit the values for X, Y, Area W, etc.. Enter the values according to the following table:		The position of your UI is determined by [[Arma_3:_GUI_Coordinates\|screen coordinates]]. The default grid that is selected in the GUI Editor does not work. Therefore we will have to replace it. Open the grid settings with {{Controls\|Ctrl\|G}}. You should see a UI where you can edit the values for X, Y, Area W, etc.. Enter the values according to the following table:
	{{Feature\|~~Informative~~\|When using these values the UI will be fixed to the center of the screen. If you want to have your UI appear somewhere else you need to know [[Arma_3:_GUI_Coordinates#Using_the_grids_in_the_GUI_Editor\|which values to use instead]].<br>		{{Feature\|informative\|When using these values the UI will be fixed to the center of the screen. If you want to have your UI appear somewhere else you need to know [[Arma_3:_GUI_Coordinates#Using_the_grids_in_the_GUI_Editor\|which values to use instead]].<br>
	The GUI Editor also does not support mixed position macros (at least not with horrendous effort). In this case you will need to understand screen coordinates and edit them in your config by hand.}}		The GUI Editor also does not support mixed position macros (at least not with horrendous effort). In this case you will need to understand screen coordinates and edit them in your config by hand.}}

Line 332:		Line 332:
	{		{
	idc = 1700;		idc = 1700;
	text = $STR_DISP_CANCEL;		text = "$STR_DISP_CANCEL";
	x = 1 * GUI_GRID_W + GUI_GRID_X;		x = 1 * GUI_GRID_W + GUI_GRID_X;
	y = 18 * GUI_GRID_H + GUI_GRID_Y;		y = 18 * GUI_GRID_H + GUI_GRID_Y;

Lou Montana: Some wiki formatting

2023-03-10T10:47:45Z

Some wiki formatting

Show changes

JasperRab: ->

2023-03-06T18:49:41Z

</sqf> -> </syntaxhighlight>

← Older revision		Revision as of 20:49, 6 March 2023
Line 77:		Line 77:

	Selecting one and confirming with OK will add this control to the screen. Some controls might appear with no background visible (RscText, RscControlsGroup). In this case you can hold enter to highlight all controls. To edit the control afterwards, right click on it to open a window where you can set the following attributes:		Selecting one and confirming with OK will add this control to the screen. Some controls might appear with no background visible (RscText, RscControlsGroup). In this case you can hold enter to highlight all controls. To edit the control afterwards, right click on it to open a window where you can set the following attributes:

	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
Line 87:		Line 88:
	\| Position \|\| An [[Array\|array]] of numbers or strings in the format {{hl\|[x, y, w, h]}}.		\| Position \|\| An [[Array\|array]] of numbers or strings in the format {{hl\|[x, y, w, h]}}.
	\|-		\|-
	\| Text color \|\| The color of the text. <syntaxhighlight lang="cpp" inline>colorText[]</~~sqf~~> in the config. Format {{hl\|[Red, Green, Blue, Alpha (Transparency)]}}.		\| Text color \|\| The color of the text. <syntaxhighlight lang="cpp" inline>colorText[]</syntaxhighlight> in the config. Format {{hl\|[Red, Green, Blue, Alpha (Transparency)]}}.
	\|-		\|-
	\| Background color \|\| The color of the background. Same format as Text Color.		\| Background color \|\| The color of the background. Same format as Text Color.

Lou Montana: Text replacement - "`" to ""`


2023-01-11T10:53:06Z
Text replacement - "<code>" to "<code style="display: block">"

				
				
				
				
				
				← Older revision
				Revision as of 12:53, 11 January 2023
				
Line 205:
Line 205:
Output to be used in the stringtable. Not really necessary and probably better to do it by hand. Output to be used in the stringtable. Not really necessary and probably better to do it by hand.
===== Example output ===== ===== Example output =====
<code>//--- RscDisplayTestDialog <code style="display: block">//--- RscDisplayTestDialog
language,	original language,	original
RscDisplayTestDialog_RscText_1001,	"Test Dialog" RscDisplayTestDialog_RscText_1001,	"Test Dialog"



Lou Montana: Some wiki formatting
2022-07-25T12:41:14Z
Some wiki formatting

				
				
				
				
				
				← Older revision
				Revision as of 14:41, 25 July 2022
				
Line 85:
Line 85:
| Text || The text that is visible on supported controls. | Text || The text that is visible on supported controls.
|- |-
| Position || An [[Array|array]] of numbers or strings in the format {{ic|[x, y, w, h]}}. | Position || An [[Array|array]] of numbers or strings in the format {{hl|[x, y, w, h]}}.
|- |-
| Text color || The color of the text. {{ic|colorText[]}} in the config. Format {{ic|[Red, Green, Blue, Alpha (Transparency)]}}. | Text color || The color of the text. <syntaxhighlight lang="cpp" inline>colorText[]</sqf> in the config. Format {{hl|[Red, Green, Blue, Alpha (Transparency)]}}.
|- |-
| Background color || The color of the background. Same format as Text Color. | Background color || The color of the background. Same format as Text Color.
Line 194:
Line 194:



==== Config (controls as array) ==== ==== Config (controls as array) ====
Another format with which you can leave out the {{{{ic|class Controls {...}} class. It is barely used and it is recommended to stick to the class format. Another format with which you can leave out the <syntaxhighlight lang="cpp" inline>class Controls { /* ... */ }</syntaxhighlight> class. It is barely used and it is recommended to stick to the class format.



==== Grid Macros ==== ==== Grid Macros ====



Lou Montana: Text replacement - "{{KeyboardShortcut" to "{{Controls"
2021-12-20T10:48:08Z
Text replacement - "{{KeyboardShortcut" to "{{Controls"

				
				
				
				
				
				← Older revision
				Revision as of 12:48, 20 December 2021
				
Line 213:
Line 213:
=== LMB=== === LMB===
* '''Click and hold over GUI element''' - Move element * '''Click and hold over GUI element''' - Move element
* {{KeyboardShortcut|Ctrl}} - Disable aligning to grid * {{Controls|Ctrl}} - Disable aligning to grid
* {{KeyboardShortcut|Alt}} - Modify size * {{Controls|Alt}} - Modify size



=== RMB === === RMB ===
* '''Click on GUI element''' - Modify element parameters * '''Click on GUI element''' - Modify element parameters
* {{KeyboardShortcut|Ctrl}} '''+ Click on GUI element''' - Modify custom element parameters (changes won't be visible) * {{Controls|Ctrl}} '''+ Click on GUI element''' - Modify custom element parameters (changes won't be visible)
* '''Click on free space''' - Add a new element * '''Click on free space''' - Add a new element



=== Key Shortcuts === === Key Shortcuts ===
{{Columns|2| {{Columns|2|
* {{KeyboardShortcut|H}} / {{KeyboardShortcut|F1}} - Help * {{Controls|H}} / {{Controls|F1}} - Help
* {{KeyboardShortcut|G}} - Show/hide grid * {{Controls|G}} - Show/hide grid
* {{KeyboardShortcut|Ctrl|G}} - Modify grid parameters * {{Controls|Ctrl|G}} - Modify grid parameters
* {{KeyboardShortcut|Alt|G}} - Create grid on element under cursor * {{Controls|Alt|G}} - Create grid on element under cursor
* {{KeyboardShortcut|Shift|G}} - Toggle between Absolute and Safezone grid * {{Controls|Shift|G}} - Toggle between Absolute and Safezone grid
* {{KeyboardShortcut|Ctrl|N}} - Add a new element * {{Controls|Ctrl|N}} - Add a new element
* {{KeyboardShortcut|Delete}} - Delete a current element * {{Controls|Delete}} - Delete a current element
* {{KeyboardShortcut|Ctrl|C}} - Copy a current element * {{Controls|Ctrl|C}} - Copy a current element
* {{KeyboardShortcut|Ctrl|X}} - Cut a current element * {{Controls|Ctrl|X}} - Cut a current element
* {{KeyboardShortcut|Ctrl|V}} - Paste a copied element * {{Controls|Ctrl|V}} - Paste a copied element
* {{KeyboardShortcut|Ctrl|Z}} - Undo * {{Controls|Ctrl|Z}} - Undo
* {{KeyboardShortcut|Ctrl|Shift|Z}} - Redo * {{Controls|Ctrl|Shift|Z}} - Redo
* {{KeyboardShortcut|Ctrl|L}} - Display list of all elements, change order and lock/unlock * {{Controls|Ctrl|L}} - Display list of all elements, change order and lock/unlock
* {{KeyboardShortcut|Ctrl|S}} - Export to GUI editor format * {{Controls|Ctrl|S}} - Export to GUI editor format
* {{KeyboardShortcut|Ctrl|Alt|S}} - Export to GUI editor format with linebreaks * {{Controls|Ctrl|Alt|S}} - Export to GUI editor format with linebreaks
* {{KeyboardShortcut|Ctrl|Shift|S}} - Export to a config format * {{Controls|Ctrl|Shift|S}} - Export to a config format
* {{KeyboardShortcut|Ctrl|Shift|S|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9) * {{Controls|Ctrl|Shift|S|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9)
* {{KeyboardShortcut|Ctrl|Alt|Shift|S|(1-9)}} - Export to a config format (''controls[]{{=}}'' variant) with given number of tabs (1-9) * {{Controls|Ctrl|Alt|Shift|S|(1-9)}} - Export to a config format (''controls[]{{=}}'' variant) with given number of tabs (1-9)
* {{KeyboardShortcut|Ctrl|O}} - Import from GUI editor format * {{Controls|Ctrl|O}} - Import from GUI editor format
* {{KeyboardShortcut|Ctrl|I}} - Import from config * {{Controls|Ctrl|I}} - Import from config
* {{KeyboardShortcut|Ctrl|P}} - Export parent classes * {{Controls|Ctrl|P}} - Export parent classes
* {{KeyboardShortcut|Ctrl|Shift|P}} - Export grid macros * {{Controls|Ctrl|Shift|P}} - Export grid macros
* {{KeyboardShortcut|Space}} - Highlights all elements (including invisible ones) * {{Controls|Space}} - Highlights all elements (including invisible ones)
}} }}



Line 258:
Line 258:
== Export == == Export ==
=== Editor format === === Editor format ===
{{KeyboardShortcut|Ctrl|S}} {{Controls|Ctrl|S}}



Starts with dollar symbol ($). When you copy this format to clipboard, it can be loaded in editor using {{KeyboardShortcut|Ctrl|O}} Starts with dollar symbol ($). When you copy this format to clipboard, it can be loaded in editor using {{Controls|Ctrl|O}}



  $[1.043,[["safezoneX","safezoneY","safezoneW","safezoneH"],"safezoneW / 32","safezoneH / 20","GUI_GRID"],[1000,"",[2,"Hello World!",["1 * GUI_GRID_W + GUI_GRID_X","1 * GUI_GRID_H + GUI_GRID_Y","30 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[1500,"MyListbox",[2,"",["1.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","9 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["idc = CUSTOM_IDC;"]],[1700,"",[2,"$STR_DISP_CANCEL",["1 * GUI_GRID_W + GUI_GRID_X","18 * GUI_GRID_H + GUI_GRID_Y","10 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[2300,"Group",[2,"",["11.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[-1001,"GroupText",[2300,"",["0 * GUI_GRID_W","0 * GUI_GRID_H","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]]]   $[1.043,[["safezoneX","safezoneY","safezoneW","safezoneH"],"safezoneW / 32","safezoneH / 20","GUI_GRID"],[1000,"",[2,"Hello World!",["1 * GUI_GRID_W + GUI_GRID_X","1 * GUI_GRID_H + GUI_GRID_Y","30 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[1500,"MyListbox",[2,"",["1.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","9 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["idc = CUSTOM_IDC;"]],[1700,"",[2,"$STR_DISP_CANCEL",["1 * GUI_GRID_W + GUI_GRID_X","18 * GUI_GRID_H + GUI_GRID_Y","10 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[2300,"Group",[2,"",["11.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[-1001,"GroupText",[2300,"",["0 * GUI_GRID_W","0 * GUI_GRID_H","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]]]



=== Editor format (multi-line) === === Editor format (multi-line) ===
{{KeyboardShortcut|Ctrl|Alt|S}} {{Controls|Ctrl|Alt|S}}



  /*   /*
Line 281:
Line 281:
=== Config format === === Config format ===
Ready to be included into config or description file.<br> Ready to be included into config or description file.<br>
{{KeyboardShortcut|Ctrl|Shift|S}} {{Controls|Ctrl|Shift|S}}
<syntaxhighlight lang="cpp"> <syntaxhighlight lang="cpp">
//--- Header contains player's profile name and editor version //--- Header contains player's profile name and editor version
Line 340:
Line 340:



== Import == == Import ==
{{KeyboardShortcut|Ctrl|I}} {{Controls|Ctrl|I}}
*Sometimes one has to do more changes, even after the user interface was considered done. *Sometimes one has to do more changes, even after the user interface was considered done.






Lou Montana: Fix the oopsie - thanks ansin11
2021-06-14T18:19:57Z
Fix the oopsie - thanks ansin11

				
				
				
				
				
				← Older revision
				Revision as of 20:19, 14 June 2021
				
Line 234:
Line 234:
* {{KeyboardShortcut|Ctrl|V}} - Paste a copied element * {{KeyboardShortcut|Ctrl|V}} - Paste a copied element
* {{KeyboardShortcut|Ctrl|Z}} - Undo * {{KeyboardShortcut|Ctrl|Z}} - Undo
* {{KeyboardShortcut|Shift|Ctrl|Z}} - Redo * {{KeyboardShortcut|Ctrl|Shift|Z}} - Redo
* {{KeyboardShortcut|Ctrl|L}} - Display list of all elements, change order and lock/unlock * {{KeyboardShortcut|Ctrl|L}} - Display list of all elements, change order and lock/unlock
* {{KeyboardShortcut|Ctrl|S}} - Export to GUI editor format * {{KeyboardShortcut|Ctrl|S}} - Export to GUI editor format
* {{KeyboardShortcut|Alt|Ctrl|S}} - Export to GUI editor format with linebreaks * {{KeyboardShortcut|Ctrl|Alt|S}} - Export to GUI editor format with linebreaks
* {{KeyboardShortcut|Shift|Ctrl|S}} - Export to a config format * {{KeyboardShortcut|Ctrl|Shift|S}} - Export to a config format
* {{KeyboardShortcut|Shift|Ctrl|S|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9) * {{KeyboardShortcut|Ctrl|Shift|S|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9)
* {{KeyboardShortcut|Shift|Alt|Ctrl|S|(1-9)}} - Export to a config format (''controls[]='' variant) with given number of tabs (1-9) * {{KeyboardShortcut|Ctrl|Alt|Shift|S|(1-9)}} - Export to a config format (''controls[]{{=}}'' variant) with given number of tabs (1-9)
* {{KeyboardShortcut|Ctrl|O}} - Import from GUI editor format * {{KeyboardShortcut|Ctrl|O}} - Import from GUI editor format
* {{KeyboardShortcut|Ctrl|I}} - Import from config * {{KeyboardShortcut|Ctrl|I}} - Import from config
Line 340:
Line 340:



== Import == == Import ==
{{KeyboardShortcut|CTRL|I}} {{KeyboardShortcut|Ctrl|I}}
*Sometimes one has to do more changes, even after the user interface was considered done. *Sometimes one has to do more changes, even after the user interface was considered done.






Lou Montana: Add Columns template usage + KeyboardShortcut usage
2021-06-14T17:37:37Z
Add Columns template usage + KeyboardShortcut usage
Show changes


Lou Montana: Some wiki formatting
2021-05-12T17:26:30Z
Some wiki formatting

				
				
				
				
				
				← Older revision
				Revision as of 19:26, 12 May 2021
				
Line 129:
Line 129:
==== Config (controls as class) ==== ==== Config (controls as class) ====
This format is used in your display's controls class. It has to be pasted between the brackets of the controls class: This format is used in your display's controls class. It has to be pasted between the brackets of the controls class:
<code>class RscDisplayTestDialog <syntaxhighlight lang="cpp">
class RscDisplayTestDialog
{ {
	idd = -1; 	idd = -1;
Line 136:
Line 137:
		/* CLASS OUTPUT GOES HERE */ 		/* CLASS OUTPUT GOES HERE */
	}; 	};
};</code> };
</syntaxhighlight>



===== Example output ===== ===== Example output =====
<syntaxhighlight lang=cpp>//////////////////////////////////////////////////////// <syntaxhighlight lang="cpp">
////////////////////////////////////////////////////////
// GUI EDITOR OUTPUT START (by Terra, v1.063, #Lupile) // GUI EDITOR OUTPUT START (by Terra, v1.063, #Lupile)
//////////////////////////////////////////////////////// ////////////////////////////////////////////////////////
Line 187:
Line 190:
//////////////////////////////////////////////////////// ////////////////////////////////////////////////////////
// GUI EDITOR OUTPUT END // GUI EDITOR OUTPUT END
////////////////////////////////////////////////////////</syntaxhighlight> ////////////////////////////////////////////////////////
</syntaxhighlight>



==== Config (controls as array) ==== ==== Config (controls as array) ====

← Older revision		Revision as of 12:53, 11 January 2023
Line 205:		Line 205:
	Output to be used in the stringtable. Not really necessary and probably better to do it by hand.		Output to be used in the stringtable. Not really necessary and probably better to do it by hand.
	===== Example output =====		===== Example output =====
	<code>//--- RscDisplayTestDialog		<code style="display: block">//--- RscDisplayTestDialog
	language, original		language, original
	RscDisplayTestDialog_RscText_1001, "Test Dialog"		RscDisplayTestDialog_RscText_1001, "Test Dialog"

← Older revision		Revision as of 14:41, 25 July 2022
Line 85:		Line 85:
	\| Text \|\| The text that is visible on supported controls.		\| Text \|\| The text that is visible on supported controls.
	\|-		\|-
	\| Position \|\| An [[Array\|array]] of numbers or strings in the format {{ic\|[x, y, w, h]}}.		\| Position \|\| An [[Array\|array]] of numbers or strings in the format {{hl\|[x, y, w, h]}}.
	\|-		\|-
	\| Text color \|\| The color of the text. ~~{{ic\|~~colorText[]}} in the config. Format {{ic\|[Red, Green, Blue, Alpha (Transparency)]}}.		\| Text color \|\| The color of the text. <syntaxhighlight lang="cpp" inline>colorText[]</sqf> in the config. Format {{hl\|[Red, Green, Blue, Alpha (Transparency)]}}.
	\|-		\|-
	\| Background color \|\| The color of the background. Same format as Text Color.		\| Background color \|\| The color of the background. Same format as Text Color.
Line 194:		Line 194:

	==== Config (controls as array) ====		==== Config (controls as array) ====
	Another format with which you can leave out the ~~{{{{ic\|~~class Controls {...}} class. It is barely used and it is recommended to stick to the class format.		Another format with which you can leave out the <syntaxhighlight lang="cpp" inline>class Controls { /* ... */ }</syntaxhighlight> class. It is barely used and it is recommended to stick to the class format.

	==== Grid Macros ====		==== Grid Macros ====

← Older revision		Revision as of 12:48, 20 December 2021
Line 213:		Line 213:
	=== LMB===		=== LMB===
	* '''Click and hold over GUI element''' - Move element		* '''Click and hold over GUI element''' - Move element
	* {{~~KeyboardShortcut~~\|Ctrl}} - Disable aligning to grid		* {{Controls\|Ctrl}} - Disable aligning to grid
	* {{~~KeyboardShortcut~~\|Alt}} - Modify size		* {{Controls\|Alt}} - Modify size

	=== RMB ===		=== RMB ===
	* '''Click on GUI element''' - Modify element parameters		* '''Click on GUI element''' - Modify element parameters
	* {{~~KeyboardShortcut~~\|Ctrl}} '''+ Click on GUI element''' - Modify custom element parameters (changes won't be visible)		* {{Controls\|Ctrl}} '''+ Click on GUI element''' - Modify custom element parameters (changes won't be visible)
	* '''Click on free space''' - Add a new element		* '''Click on free space''' - Add a new element

	=== Key Shortcuts ===		=== Key Shortcuts ===
	{{Columns\|2\|		{{Columns\|2\|
	* {{~~KeyboardShortcut~~\|H}} / {{~~KeyboardShortcut~~\|F1}} - Help		* {{Controls\|H}} / {{Controls\|F1}} - Help
	* {{~~KeyboardShortcut~~\|G}} - Show/hide grid		* {{Controls\|G}} - Show/hide grid
	* {{~~KeyboardShortcut~~\|Ctrl\|G}} - Modify grid parameters		* {{Controls\|Ctrl\|G}} - Modify grid parameters
	* {{~~KeyboardShortcut~~\|Alt\|G}} - Create grid on element under cursor		* {{Controls\|Alt\|G}} - Create grid on element under cursor
	* {{~~KeyboardShortcut~~\|Shift\|G}} - Toggle between Absolute and Safezone grid		* {{Controls\|Shift\|G}} - Toggle between Absolute and Safezone grid
	* {{~~KeyboardShortcut~~\|Ctrl\|N}} - Add a new element		* {{Controls\|Ctrl\|N}} - Add a new element
	* {{~~KeyboardShortcut~~\|Delete}} - Delete a current element		* {{Controls\|Delete}} - Delete a current element
	* {{~~KeyboardShortcut~~\|Ctrl\|C}} - Copy a current element		* {{Controls\|Ctrl\|C}} - Copy a current element
	* {{~~KeyboardShortcut~~\|Ctrl\|X}} - Cut a current element		* {{Controls\|Ctrl\|X}} - Cut a current element
	* {{~~KeyboardShortcut~~\|Ctrl\|V}} - Paste a copied element		* {{Controls\|Ctrl\|V}} - Paste a copied element
	* {{~~KeyboardShortcut~~\|Ctrl\|Z}} - Undo		* {{Controls\|Ctrl\|Z}} - Undo
	* {{~~KeyboardShortcut~~\|Ctrl\|Shift\|Z}} - Redo		* {{Controls\|Ctrl\|Shift\|Z}} - Redo
	* {{~~KeyboardShortcut~~\|Ctrl\|L}} - Display list of all elements, change order and lock/unlock		* {{Controls\|Ctrl\|L}} - Display list of all elements, change order and lock/unlock
	* {{~~KeyboardShortcut~~\|Ctrl\|S}} - Export to GUI editor format		* {{Controls\|Ctrl\|S}} - Export to GUI editor format
	* {{~~KeyboardShortcut~~\|Ctrl\|Alt\|S}} - Export to GUI editor format with linebreaks		* {{Controls\|Ctrl\|Alt\|S}} - Export to GUI editor format with linebreaks
	* {{~~KeyboardShortcut~~\|Ctrl\|Shift\|S}} - Export to a config format		* {{Controls\|Ctrl\|Shift\|S}} - Export to a config format
	* {{~~KeyboardShortcut~~\|Ctrl\|Shift\|S\|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9)		* {{Controls\|Ctrl\|Shift\|S\|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9)
	* {{~~KeyboardShortcut~~\|Ctrl\|Alt\|Shift\|S\|(1-9)}} - Export to a config format (''controls[]{{=}}'' variant) with given number of tabs (1-9)		* {{Controls\|Ctrl\|Alt\|Shift\|S\|(1-9)}} - Export to a config format (''controls[]{{=}}'' variant) with given number of tabs (1-9)
	* {{~~KeyboardShortcut~~\|Ctrl\|O}} - Import from GUI editor format		* {{Controls\|Ctrl\|O}} - Import from GUI editor format
	* {{~~KeyboardShortcut~~\|Ctrl\|I}} - Import from config		* {{Controls\|Ctrl\|I}} - Import from config
	* {{~~KeyboardShortcut~~\|Ctrl\|P}} - Export parent classes		* {{Controls\|Ctrl\|P}} - Export parent classes
	* {{~~KeyboardShortcut~~\|Ctrl\|Shift\|P}} - Export grid macros		* {{Controls\|Ctrl\|Shift\|P}} - Export grid macros
	* {{~~KeyboardShortcut~~\|Space}} - Highlights all elements (including invisible ones)		* {{Controls\|Space}} - Highlights all elements (including invisible ones)
	}}		}}

Line 258:		Line 258:
	== Export ==		== Export ==
	=== Editor format ===		=== Editor format ===
	{{~~KeyboardShortcut~~\|Ctrl\|S}}		{{Controls\|Ctrl\|S}}

	Starts with dollar symbol ($). When you copy this format to clipboard, it can be loaded in editor using {{~~KeyboardShortcut~~\|Ctrl\|O}}		Starts with dollar symbol ($). When you copy this format to clipboard, it can be loaded in editor using {{Controls\|Ctrl\|O}}

	$[1.043,[["safezoneX","safezoneY","safezoneW","safezoneH"],"safezoneW / 32","safezoneH / 20","GUI_GRID"],[1000,"",[2,"Hello World!",["1 * GUI_GRID_W + GUI_GRID_X","1 * GUI_GRID_H + GUI_GRID_Y","30 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[1500,"MyListbox",[2,"",["1.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","9 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["idc = CUSTOM_IDC;"]],[1700,"",[2,"$STR_DISP_CANCEL",["1 * GUI_GRID_W + GUI_GRID_X","18 * GUI_GRID_H + GUI_GRID_Y","10 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[2300,"Group",[2,"",["11.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[-1001,"GroupText",[2300,"",["0 * GUI_GRID_W","0 * GUI_GRID_H","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]]]		$[1.043,[["safezoneX","safezoneY","safezoneW","safezoneH"],"safezoneW / 32","safezoneH / 20","GUI_GRID"],[1000,"",[2,"Hello World!",["1 * GUI_GRID_W + GUI_GRID_X","1 * GUI_GRID_H + GUI_GRID_Y","30 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[1500,"MyListbox",[2,"",["1.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","9 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],["idc = CUSTOM_IDC;"]],[1700,"",[2,"$STR_DISP_CANCEL",["1 * GUI_GRID_W + GUI_GRID_X","18 * GUI_GRID_H + GUI_GRID_Y","10 * GUI_GRID_W","1 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[2300,"Group",[2,"",["11.5 * GUI_GRID_W + GUI_GRID_X","2.5 * GUI_GRID_H + GUI_GRID_Y","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]],[-1001,"GroupText",[2300,"",["0 * GUI_GRID_W","0 * GUI_GRID_H","19 * GUI_GRID_W","15 * GUI_GRID_H"],[-1,-1,-1,-1],[-1,-1,-1,-1],[-1,-1,-1,-1],""],[]]]

	=== Editor format (multi-line) ===		=== Editor format (multi-line) ===
	{{~~KeyboardShortcut~~\|Ctrl\|Alt\|S}}		{{Controls\|Ctrl\|Alt\|S}}

	/*		/*
Line 281:		Line 281:
	=== Config format ===		=== Config format ===
	Ready to be included into config or description file.<br>		Ready to be included into config or description file.<br>
	{{~~KeyboardShortcut~~\|Ctrl\|Shift\|S}}		{{Controls\|Ctrl\|Shift\|S}}
	<syntaxhighlight lang="cpp">		<syntaxhighlight lang="cpp">
	//--- Header contains player's profile name and editor version		//--- Header contains player's profile name and editor version
Line 340:		Line 340:

	== Import ==		== Import ==
	{{~~KeyboardShortcut~~\|Ctrl\|I}}		{{Controls\|Ctrl\|I}}
	*Sometimes one has to do more changes, even after the user interface was considered done.		*Sometimes one has to do more changes, even after the user interface was considered done.

← Older revision		Revision as of 20:19, 14 June 2021
Line 234:		Line 234:
	* {{KeyboardShortcut\|Ctrl\|V}} - Paste a copied element		* {{KeyboardShortcut\|Ctrl\|V}} - Paste a copied element
	* {{KeyboardShortcut\|Ctrl\|Z}} - Undo		* {{KeyboardShortcut\|Ctrl\|Z}} - Undo
	* {{KeyboardShortcut\|Shift~~\|Ctrl~~\|Z}} - Redo		* {{KeyboardShortcut\|Ctrl\|Shift\|Z}} - Redo
	* {{KeyboardShortcut\|Ctrl\|L}} - Display list of all elements, change order and lock/unlock		* {{KeyboardShortcut\|Ctrl\|L}} - Display list of all elements, change order and lock/unlock
	* {{KeyboardShortcut\|Ctrl\|S}} - Export to GUI editor format		* {{KeyboardShortcut\|Ctrl\|S}} - Export to GUI editor format
	* {{KeyboardShortcut\|Alt~~\|Ctrl~~\|S}} - Export to GUI editor format with linebreaks		* {{KeyboardShortcut\|Ctrl\|Alt\|S}} - Export to GUI editor format with linebreaks
	* {{KeyboardShortcut\|Shift~~\|Ctrl~~\|S}} - Export to a config format		* {{KeyboardShortcut\|Ctrl\|Shift\|S}} - Export to a config format
	* {{KeyboardShortcut\|Shift~~\|Ctrl~~\|S\|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9)		* {{KeyboardShortcut\|Ctrl\|Shift\|S\|(1-9)}} - Export to a config format (''class controls'' variant) with given number of tabs (1-9)
	* {{KeyboardShortcut\|~~Shift~~\|Alt\|~~Ctrl~~\|S\|(1-9)}} - Export to a config format (''controls[]='' variant) with given number of tabs (1-9)		* {{KeyboardShortcut\|Ctrl\|Alt\|Shift\|S\|(1-9)}} - Export to a config format (''controls[]{{=}}'' variant) with given number of tabs (1-9)
	* {{KeyboardShortcut\|Ctrl\|O}} - Import from GUI editor format		* {{KeyboardShortcut\|Ctrl\|O}} - Import from GUI editor format
	* {{KeyboardShortcut\|Ctrl\|I}} - Import from config		* {{KeyboardShortcut\|Ctrl\|I}} - Import from config
Line 340:		Line 340:

	== Import ==		== Import ==
	{{KeyboardShortcut\|~~CTRL~~\|I}}		{{KeyboardShortcut\|Ctrl\|I}}
	*Sometimes one has to do more changes, even after the user interface was considered done.		*Sometimes one has to do more changes, even after the user interface was considered done.

← Older revision		Revision as of 19:26, 12 May 2021
Line 129:		Line 129:
	==== Config (controls as class) ====		==== Config (controls as class) ====
	This format is used in your display's controls class. It has to be pasted between the brackets of the controls class:		This format is used in your display's controls class. It has to be pasted between the brackets of the controls class:
	<~~code~~>class RscDisplayTestDialog		<syntaxhighlight lang="cpp">
			class RscDisplayTestDialog
	{		{
	idd = -1;		idd = -1;
Line 136:		Line 137:
	/* CLASS OUTPUT GOES HERE */		/* CLASS OUTPUT GOES HERE */
	};		};
	};</~~code~~>		};
			</syntaxhighlight>

	===== Example output =====		===== Example output =====
	<syntaxhighlight lang=cpp>////////////////////////////////////////////////////////		<syntaxhighlight lang="cpp">
			////////////////////////////////////////////////////////
	// GUI EDITOR OUTPUT START (by Terra, v1.063, #Lupile)		// GUI EDITOR OUTPUT START (by Terra, v1.063, #Lupile)
	////////////////////////////////////////////////////////		////////////////////////////////////////////////////////
Line 187:		Line 190:
	////////////////////////////////////////////////////////		////////////////////////////////////////////////////////
	// GUI EDITOR OUTPUT END		// GUI EDITOR OUTPUT END
	////////////////////////////////////////////////////////</syntaxhighlight>		////////////////////////////////////////////////////////
			</syntaxhighlight>

	==== Config (controls as array) ====		==== Config (controls as array) ====

Arma 3: User Interface Editor - Revision history

Lou Montana: Text replacement - "{{Feature|Warning|" to "{{Feature|warning|"

Lou Montana: Some wiki formatting

Lou Montana: Some wiki formatting

JasperRab: ->

Lou Montana: Text replacement - "" to ""

Lou Montana: Some wiki formatting

Lou Montana: Text replacement - "{{KeyboardShortcut" to "{{Controls"

Lou Montana: Fix the oopsie - thanks ansin11

Lou Montana: Add Columns template usage + KeyboardShortcut usage

Lou Montana: Some wiki formatting

Lou Montana: Text replacement - "`" to ""`