UI/UX callbacks NEW Bootstrap 5 theme
Make a decent UI/UX
HIDE CODE
<style> .label{ padding: 7px; color: #fff; border-radius: 4px; } </style> <?php $xcrud = Xcrud::get_instance(); $xcrud->table('orders'); $xcrud->default_tab('Order info'); $xcrud->parsley_active(true); //Make extension mandatory $xcrud->columns("Customer Name,customerNumber,orderDate,shippedDate,status"); $xcrud->subselect('Customer Name','SELECT customerName FROM customers WHERE customerNumber = {customerNumber}'); $xcrud->column_callback("orderDate","timeAgo"); $xcrud->column_callback("Customer Name","getAvatar"); $xcrud->column_callback("status","getStatusLabel"); $xcrud->set_attr('comments',array('required'=>'required')); $xcrud->set_lang("add","Create Order"); $orderdetails = $xcrud->nested_table('Order details','orderNumber','orderdetails','orderNumber'); // 2nd level $orderdetails->columns('productCode,quantityOrdered,priceEach'); $orderdetails->fields('productCode,quantityOrdered,priceEach'); $orderdetails->default_tab('Detail information'); $customers = $xcrud->nested_table('Customers','customerNumber','customers','customerNumber'); // 2nd level 2 $customers->columns('customerName,city,country'); $products = $orderdetails->nested_table('Products','productCode','products','productCode'); // 3rd level $products->default_tab('Product details'); $productLines = $products->nested_table('Product Lines','productLine','productlines','productLine'); // 4th level echo $xcrud->render(); ?>
Orders
# | Customer Name | Customernumber | Orderdate | Shippeddate | Status | |
---|---|---|---|---|---|---|
1 | M Mini Wheels Co. | 129 | 2 weeks ago | Shipped | View Edit Remove | |
2 | V Volvo Model Replicas, Co | 144 | 21 years ago | 29.03.2003 00:00:00 | Shipped | View Edit Remove |
3 | M Mini Gifts Distributors Ltd. | 124 | 21 years ago | 27.03.2003 00:00:00 | Completed | View Edit Remove |
4 | C Classic Legends Inc. | 424 | 21 years ago | 07.04.2003 00:00:00 | Shipped | View Edit Remove |
5 | R Royale Belge | 381 | 21 years ago | 13.04.2003 00:00:00 | Shipped | View Edit Remove |
6 | D Dragon Souveniers, Ltd. | 148 | 21 years ago | 17.04.2003 00:00:00 | Shipped | View Edit Remove |
7 | E Enaco Distributors | 216 | 21 years ago | 26.04.2003 00:00:00 | Shipped | View Edit Remove |
8 | S Salzburg Collectables | 382 | 21 years ago | 02.05.2003 00:00:00 | Shipped | View Edit Remove |
9 | A Australian Collectors, Co. | 114 | 21 years ago | 01.05.2003 00:00:00 | Shipped | View Edit Remove |
10 | R Reims Collectables | 353 | 21 years ago | 13.05.2003 00:00:00 | Shipped | View Edit Remove |