DEMO SITE v1.7.24

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

#LastnameFirstnameExtensionEmailOfficecodeReportstoJobtitle 
1TsengFoon Yueo225ftseng@classicmodelcars.comBoston1143Sales Rep View Edit Remove
2VanaufGeorge Nx4102gvanauf@classicmodelcars.com1143Sales Rep View Edit Remove
3BondurLouix6493lbondur@classicmodelcars.comParis1102Sales Rep View Edit Remove
4HernandezGerardx2028ghernande@classicmodelcars.comParis1102Sales Rep View Edit Remove
5CastilloPamela2x2759pcastillo@classicmodelcars.comParis1102Sales Rep View Edit Remove
6BottLarryx2311lbott@classicmodelcars.comLondon1102Sales Rep View Edit Remove
7JonesBarryx102bjones@classicmodelcars.comLondon1102Sales Rep View Edit Remove
8FixterAndyx101afixter@classicmodelcars.comSydney1088Sales Rep View Edit Remove
9Marsh123Peterx102pmarsh@classicmodelcars.comSydney1088Sales Rep View Edit Remove
10KingTomx103tking@classicmodelcars.comSydney1088Sales Rep View Edit Remove
Search