Posts

Showing posts from July, 2025

Kitchen Order Status Table:

-
  Kitchen Order Status Table: Output: X Delete Order Kitchen Order-Items Order Status Srl. No. Table No. Date-Time Mobile No. Sl. No. Items Rate Quantity Started Cooked OnWay Delivered Close Open Order Progress Status Overall Progress: Item Qty Progress Stages Code: CSS: Html: <div id="customerInfoBox" style="   border: 1px solid #ccc;    border-radius: 13px;    padding: 10px;    width: 700px;   margin: 0 auto;   margin-top: 50px;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); ">   <!...
Post a Comment
Read more

Kitchen Order Table:

-
 Kitchen Order Table: Output: X Delete Order Kitchen Order-Items Order Status Srl. No. Table No. Date-Time Mobile No. Sl. No. Items Rate Quantity Started Cooked OnWay Delivered Close Open Order Progress Status Code: CSS: Html: <div id="customerInfoBox" style="   border: 1px solid #ccc;    border-radius: 13px;    padding: 10px;    width: 700px;   margin: 0 auto;   margin-top: 50px;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); ">   <!-- 🔷 Top Row: Cancel, Heading, Status --> <div style="display: flex;              justify-content: space-between;           ...
Post a Comment
Read more

Ordered Items Table: Demo

-
Ordered Items Table: Demo Output: X Cancel Order Order-Items Order Status Srl. No. Table No. Customer Name Date-Time Mobile No. Email Sl. No. Items Rate - Quantity + Remove Amount Rs. Total Amount Rs.: 0.00 Submit X Cancel Withdraw ✅ Close Code: CSS: HTML: <div id="customerInfoBox" style="   border: 1px solid #ccc;    border-radius: 13px;    padding: 10px;    width: 700px;   margin: 0 auto;   margin-top: 50px;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); ">   <!-- 🔷 Top Row: Cancel, Heading, Status --> <div style="display: flex;  ...
Post a Comment
Read more

Selected Items Table: Demo

-
 Selected Items Table: Demo Output: Your Selected Items Srl. No. Table No. Customer Name Date-Time Mobile No. Email Sl. No. Items Rate - Quantity + Remove Amount Rs. Total Amount Rs.: 0.00 Submit Close Refresh Select Items Code: CSS: HTML: <div id="customerInfoBox" style="   border: 1px solid #ccc;    border-radius: 13px;    padding: 10px;    width: 400px;   margin: 0 auto;   margin-top: 50px;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); ">   <div style="border-top-left-radius: 10px; border:1px solid #ccc; border-top-right-radius: 10px;border-top-left-radius: 10px; text-align: center;">     ...
Post a Comment
Read more

New-1 Form For Items Order :

-
  New-1 Form For Items Order : Output: Items Order Form Selected Items Items Select Item 🔽 Item 1 Item 2 Item 3 Item 4 Price Quantity − + Refresh Close Submit to Your Order Code:  CSS: HTML: <!-- ✅ Form Container --> <div style="display: flex; align-items: center; justify-content: center; height: 100vh; gap: 20px; flex-wrap: wrap; padding: 20px; box-sizing: border-box;">      <!-- 🔷 Left Section -->   <div id="coustomer-details-input-div" style="flex: 1 1 350px; background-color: #e6ffff; border-radius: 20px; border: 1px solid rgb(185, 185, 186); box-shadow: 0px 2px ...
Post a Comment
Read more

Order Select Items List:

-
Order Select Items List: Output: Items Order Form Selected Items Item Section Select Item Section 🔽 Item Section 1 Item Section 2 Item Section 3 Item Section 4 Items Select Item 🔽 Item 1 Item 2 Item 3 Item 4 Price Quantity − + Refresh Close Submit to Your Order Code: CSS: HTML: <div style="display: flex; align-items: center; justify-content: center; height: 100vh; gap: 20px; flex-wrap: wrap; padding: 20px; box-sizing: border-box;">      <!-- 🔷 Left Section -->   <div id="coustomer-details-input-div" style="flex: 1 1 350px...
Post a Comment
Read more