Grouping Form Fields Bootstrap 4.5 theme
Group and Arrange Form Fields
HIDE CODE
<?php
$xcrud = Xcrud::get_instance();
$xcrud->table('employees');
$xcrud->table_name('Employees Form fields grouped ');
$xcrud->validation_required('lastName',2)->validation_required('firstName',2)->validation_required('jobTitle');
$xcrud->validation_required('email');
$xcrud->validation_pattern('email','email')->validation_pattern('extension','alpha_numeric')->validation_pattern('officeCode','natural');
$xcrud->relation('officeCode','offices','officeCode','city');
$xcrud->limit(10);
//Fields arrangement
$xcrud->fields_arrange('firstName,lastName,extension','Group 1-Names',true); //First row - {fields,group name,show/hide group name}
$xcrud->fields_arrange('email','Group 2 - Contacts',true); //Second row
$xcrud->fields_arrange('officeCode,reportsTo','Group 3 - Location',true); //Third row
$xcrud->fields_arrange('jobTitle','Group 4 - Position',true); //Fourth row
$xcrud->fields_inline('lastName,firstName,extension,email,jobTitle,officeCode,reportsTo');//set the fields to allow inline editing
$xcrud->inline_edit_save('enter_only');// Can be 'enter_only' or 'button_only' or 'enter_button_only'
echo $xcrud->render();
?>
Employees Form fields grouped
| # | Lastname | Firstname | Extension | Officecode | Reportsto | Jobtitle | ||
|---|---|---|---|---|---|---|---|---|
| 1 | Bondur2544 | javier | 2425 | ' | Boston | 1056 | Sale Manager (EMEA) | View Edit Remove |
| 2 | Bow | Anthony | x5428 | anthony.bow@myoffice.com | Sydney | 1056 | Sales Manager (NA) | View Edit Remove |
| 3 | Jennings | Leslie | x3291 | ljennings@classicmodelcars.com | Boston | 1143 | Sales Rep | View Edit Remove |
| 4 | Thompson | Leslie | x4065 | lthompson@classicmodelcars.com | London | 1143 | Sales Rep | View Edit Remove |
| 5 | Firrelli | Julie | x2173 | jfirrelli@classicmodelcars.com | NYC | 1143 | Sales Rep | View Edit Remove |
| 6 | Patterson | Steve | x4334 | spatterson@classicmodelcars.com | Boston | 1143 | Sales Rep | View Edit Remove |
| 7 | Tsengchu | Foon Yue | o224 | ftseng@classicmodelcars.com | NYC | 1143 | Sales Rep | View Edit Remove |
| 8 | Vanauf | George | x4102 | gvanauf@classicmodelcars.com | NYC | 1143 | Sales Rep | View Edit Remove |
| 9 | Bondur | Loui | x6493 | lbondur@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |
| 10 | Hernandez | Gerard | x2028 | ghernande@classicmodelcars.com | Paris | 1102 | Sales Rep | View Edit Remove |