Add form layout option to custom fields (#36551)

Author: laoneo

administrator/components/com_fields/src/Plugin/FieldsPlugin.php

@@ -200,6 +200,11 @@ public function onCustomFieldsPrepareDom($field, \DOMElement $parent, Form $form
 		$node->setAttribute('hint', $field->params->get('hint', ''));
 		$node->setAttribute('required', $field->required ? 'true' : 'false');
 
+		if ($layout = $field->params->get('form_layout'))
+		{
+			$node->setAttribute('layout', $layout);
+		}
+
 		if ($field->default_value !== '')
 		{
 			$defaultNode = $node->appendChild(new \DOMElement('default'));

administrator/language/en-GB/com_fields.ini

@@ -21,6 +21,7 @@ COM_FIELDS_FIELD_EDITABLE_IN_BOTH="Both"
 COM_FIELDS_FIELD_EDITABLE_IN_LABEL="Editable In"
 COM_FIELDS_FIELD_EDITABLE_IN_SITE="Site"
 COM_FIELDS_FIELD_FORM_EDIT="Edit Field"
+COM_FIELDS_FIELD_FORM_LAYOUT_LABEL="Layout"
 COM_FIELDS_FIELD_FORM_NEW="New Field"
 COM_FIELDS_FIELD_FORMOPTIONS_HEADING="Form Options"
 COM_FIELDS_FIELD_GROUP_LABEL="Field Group"

administrator/language/en-GB/plg_fields_list.ini

@@ -5,6 +5,7 @@
 
 PLG_FIELDS_LIST="Fields - List"
 PLG_FIELDS_LIST_LABEL="List (%s)"
+PLG_FIELDS_LIST_PARAMS_FORM_LAYOUT_FANCY_SELECT="Enhanced select"
 PLG_FIELDS_LIST_PARAMS_MULTIPLE_LABEL="Multiple"
 PLG_FIELDS_LIST_PARAMS_OPTIONS_LABEL="List Values"
 PLG_FIELDS_LIST_PARAMS_OPTIONS_NAME_LABEL="Text"

administrator/language/en-GB/plg_fields_radio.ini

@@ -5,6 +5,8 @@
 
 PLG_FIELDS_RADIO="Fields - Radio"
 PLG_FIELDS_RADIO_LABEL="Radio (%s)"
+PLG_FIELDS_RADIO_PARAMS_FORM_LAYOUT_BUTTONS="Buttons"
+PLG_FIELDS_RADIO_PARAMS_FORM_LAYOUT_SWITCHER="Switcher"
 PLG_FIELDS_RADIO_PARAMS_OPTIONS_LABEL="Radio Values"
 PLG_FIELDS_RADIO_PARAMS_OPTIONS_NAME_LABEL="Text"
 PLG_FIELDS_RADIO_PARAMS_OPTIONS_VALUE_LABEL="Value"

administrator/language/en-GB/plg_fields_sql.ini

@@ -6,6 +6,7 @@
 PLG_FIELDS_SQL="Fields - SQL"
 PLG_FIELDS_SQL_CREATE_NOT_POSSIBLE="Only a Super User can create or edit an SQL field!"
 PLG_FIELDS_SQL_LABEL="SQL (%s)"
+PLG_FIELDS_SQL_PARAMS_FORM_LAYOUT_FANCY_SELECT="Enhanced select"
 PLG_FIELDS_SQL_PARAMS_MULTIPLE_LABEL="Multiple"
 PLG_FIELDS_SQL_PARAMS_QUERY_DESC="The SQL query which will provide the data for the dropdown list. The query must return two columns; one called 'value' which will hold the values of the list items; the other called 'text' with the text in the dropdown list." ; The terms 'value' and 'text' should not be translated
 PLG_FIELDS_SQL_PARAMS_QUERY_LABEL="Query"

plugins/fields/list/params/list.xml

@@ -40,4 +40,19 @@
 			</field>
 		</fieldset>
 	</fields>
+	<fields name="params">
+		<fieldset name="basic">
+			<fieldset name="formoptions">
+				<field
+					name="form_layout"
+					type="list"
+					label="COM_FIELDS_FIELD_FORM_LAYOUT_LABEL"
+					class="form-select"
+					>
+					<option value="joomla.form.field.list">JDEFAULT</option>
+					<option value="joomla.form.field.list-fancy-select">PLG_FIELDS_LIST_PARAMS_FORM_LAYOUT_FANCY_SELECT</option>
+				</field>
+			</fieldset>
+		</fieldset>
+	</fields>
 </form>

plugins/fields/radio/params/radio.xml

@@ -39,6 +39,17 @@
 				default="btn-group"
 				validate="CssIdentifier"
 			/>
+			<fieldset name="formoptions">
+				<field
+					name="form_layout"
+					type="list"
+					label="COM_FIELDS_FIELD_FORM_LAYOUT_LABEL"
+					class="form-select"
+					>
+					<option value="joomla.form.field.radio.buttons">PLG_FIELDS_RADIO_PARAMS_FORM_LAYOUT_BUTTONS</option>
+					<option value="joomla.form.field.radio.switcher">PLG_FIELDS_RADIO_PARAMS_FORM_LAYOUT_SWITCHER</option>
+				</field>
+			</fieldset>
 		</fieldset>
 	</fields>
 </form>

plugins/fields/sql/params/sql.xml

@@ -25,4 +25,19 @@
 			</field>
 		</fieldset>
 	</fields>
+	<fields name="params">
+		<fieldset name="basic">
+			<fieldset name="formoptions">
+				<field
+					name="form_layout"
+					type="list"
+					label="COM_FIELDS_FIELD_FORM_LAYOUT_LABEL"
+					class="form-select"
+					>
+					<option value="joomla.form.field.list">JDEFAULT</option>
+					<option value="joomla.form.field.list-fancy-select">PLG_FIELDS_SQL_PARAMS_FORM_LAYOUT_FANCY_SELECT</option>
+				</field>
+			</fieldset>
+		</fieldset>
+	</fields>
 </form>