1{
2	"namespace": "server_form",
3	"$schema": "https://kalmemarq.github.io/Bugrock-JSON-UI-Schemas/ui.schema.json",
4
5	"long_form": {
6		"type": "panel",
7		"size": ["100%", "100%"],
8		"controls": [
9			{
10				"default_long_form@common_dialogs.main_panel_no_buttons": {
11					"$title_panel": "common_dialogs.standard_title_label",
12					"$title_size": ["100% - 14px", 10],
13					"size": [225, 200],
14					"$text_name": "#title_text",
15					"$title_text_binding_type": "none",
16					"$child_control": "server_form.long_form_panel",
17					"layer": 2,
18					"bindings": [
19						{
20							"binding_name": "#title_text"
21						},
22						{
23							"binding_type": "view",
24							"source_property_name": "((#title_text - 'Custom Form') = #title_text)",
25							"target_property_name": "#visible"
26						}
27					]
28				}
29			},
30			{
31				"cutsom_long_form@common_dialogs.main_panel_no_buttons": {
32					"$title_panel": "common_dialogs.standard_title_label",
33					"$title_size": ["100% - 14px", 10],
34					"size": [322.5, 185],
35					"$text_name": "#title_text",
36					"$title_text_binding_type": "none",
37					"$child_control": "server_form.my_super_custom_panel_main",
38					"layer": 2,
39					"bindings": [
40						{
41							"binding_name": "#title_text"
42						},
43						{
44							"binding_type": "view",
45							"source_property_name": "(#title_text = 'Custom Form')",
46							"target_property_name": "#visible"
47						}
48					]
49				}
50			}
51		]
52	},
53
54	"my_super_custom_panel_main": {
55		"type": "stack_panel",
56		"size": ["100%", "100%"],
57		"orientation": "horizontal",
58		"anchor_from": "center",
59		"anchor_to": "center",
60		"collection_name": "form_buttons",
61
62		"controls": [
63			{
64				"offset_button@server_form.custom_button": {
65					"$icon_size": [69, 69],
66					"$button_size": [133, 133],
67					"$padding": [153, 153],
68					"collection_index": 0
69				}
70			},
71			{
72				"right_side_stack": {
73					"type": "stack_panel",
74					"size": ["100%", "100%"],
75					"orientation": "vertical",
76					"anchor_from": "center",
77					"anchor_to": "center",
78					"collection_name": "form_buttons",
79					"controls": [
80						{
81							"offset_button@server_form.custom_button": {
82								"$button_size": [138, 55],
83								"$padding": [148, 76.5],
84								"collection_index": 1
85							}
86						},
87						{
88							"bottom_right_stack": {
89								"type": "stack_panel",
90								"size": ["100%", "100%"],
91								"orientation": "horizontal",
92								"anchor_from": "center",
93								"anchor_to": "center",
94								"collection_name": "form_buttons",
95								"controls": [
96									{
97										"offset_button@server_form.custom_button": {
98											"$button_size": [64, 64],
99											"$padding": [74, 69],
100											"collection_index": 2
101										}
102									},
103									{
104										"offset_button@server_form.custom_button": {
105											"$button_size": [64, 64],
106											"$padding": [74, 69],
107											"collection_index": 3
108										}
109									}
110								]
111							}
112						}
113					]
114				}
115			}
116		]
117	},
118
119	"custom_button": {
120		"$padding|default": [80, 80],
121		"$button_size|default": [64, 64],
122		"$icon_size|default": [32, 32],
123		"type": "panel",
124		"size": "$padding",
125		"controls": [
126			{
127				"main_ui": {
128					"type": "panel",
129					"size": "$button_size",
130					"controls": [
131						{
132							"panel_name": {
133								"type": "panel",
134								"size": "$button_size",
135								"bindings": [
136									{
137										"binding_type": "view",
138										"source_control_name": "image",
139										"resolve_sibling_scope": true,
140										"source_property_name": "(not (#texture = ''))",
141										"target_property_name": "#visible"
142									}
143								],
144
145								"controls": [
146									{
147										"image": {
148											"type": "image",
149											"layer": 200,
150											"size": "$icon_size",
151											"offset": [0, -5],
152											"bindings": [
153												{
154													"binding_name": "#form_button_texture",
155													"binding_name_override": "#texture",
156													"binding_type": "collection",
157													"binding_collection_name": "form_buttons"
158												},
159												{
160													"binding_name": "#form_button_texture_file_system",
161													"binding_name_override": "#texture_file_system",
162													"binding_type": "collection",
163													"binding_collection_name": "form_buttons"
164												},
165												{
166													"binding_type": "view",
167													"source_property_name": "(not ((#texture = '') or (#texture = 'loading')))",
168													"target_property_name": "#visible"
169												}
170											]
171										}
172									},
173									{
174										"text": {
175											"type": "label",
176											"text": "#form_button_text",
177											"layer": 32,
178											"color": [0, 0, 0],
179											"offset": [0, -8],
180											"anchor_from": "bottom_middle",
181											"bindings": [
182												{
183													"binding_name": "#form_button_text",
184													"binding_type": "collection",
185													"binding_collection_name": "form_buttons"
186												}
187											]
188										}
189									}
190								]
191							}
192						},
193						{
194							"form_button@common_buttons.light_text_button": {
195								"$pressed_button_name": "button.form_button_click",
196								"anchor_from": "top_left",
197								"anchor_to": "top_left",
198								"size": "$button_size",
199								"$button_text": "#null",
200								"$button_text_binding_type": "collection",
201								"$button_text_grid_collection_name": "form_buttons",
202								"$button_text_max_size": ["100%", 20],
203								"bindings": [
204									{
205										"binding_type": "collection_details",
206										"binding_collection_name": "form_buttons"
207									}
208								]
209							}
210						}
211					]
212				}
213			}
214		]
215	}
216}