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 | 234 | this is a long long text | c564 | xxx@alfa.com | NYC | View Edit Remove | ||
2 | hello how ar | 456 | koh@gmail.com | London | sfas | View Edit Remove | ||
3 | saMIRA | SDSDSD | EEE | SA@GG.COM | NYC | 456 | COMkkk | View Edit Remove |
4 | xxx | sdfsdfsd | San Francisco | View Edit Remove | ||||
5 | somesdadsa | dskadsajkdasdas | dsadsadas | View Edit Remove |