Posts

✅✅ Duel function Data export and Import from item card page to and in Order Form page :

 1. Duel function Data export and Import from item card page to and in  Order Form page : 2. Create  Selected Items Table  3.  Create Order Table  4. Form submit button onclick open the table  iframe and data live transfer in Selected Items Table with auto row adding  Conditions: Data expert from item card to order form: Data import in order form from item card:   1.   When opened Item Card and select the item, export data into order from, item match and select through card data-id, item price Data send through card data-price-id and order form will open with auto Selected the item and Rate input box auto filleded with card data-price-id value. Form will open in iframe  2.   When opened a order Form by clicking a button or link, form will open through iframe in button source page  Then, after Select an item Rate input box will auto filled with the card data-price-id value  This Page Link: Output Link   ( https:/...

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); ">   <!...

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;           ...