Hi,
I am developing a fast food POS app. I am using master-detail ipad page.
On the master detail page first i click on show menu button which will load detail page with whole menu in a grid.
Now what i want is that when i click on any particular menu item it will display all the content of that menu like 'name', price qty on the master page.
How to achieve this scenario.
Hi Asif,
So the scenario will be to select and click on the menu buttons on the left-side and to show the detailed description on the right-side?
Hi lllya,
The scenario is reverse.
Click on the menu items on the right side and show the description on the left side
Hi Asif.
Your master page is - menu.
And detailed page is - menuItem.
Don't confuse it.
I guess there is no problem to implement what you need.
But if you will have a problem - please describe what have you tried so far and what is not work as you need.
Regards.
Hi Yurii,
I'll explain you the scenario once again.
This is my detail page
And this is my master page
Now currently what i m doing is, when i click on any of the menu item on detail page
for ex: ExtraCheese with quantity 2, i save these details in localdb table called 'cartItems'
Then to display this cart on the master page, I have a button called Add to Cart. So when i click on this button, it fetches value from cartItems table and display on master page.
But what i want is that the moment i click on a menu item on detail page, same time the cart items should get display on the master page (No need to click on Add to cart button).
I hope you got my point
Hi Asif,
Sorry for delay.
Your implementation currently is not fully clear for us.
so, please give us your app public link and describe steps to see what you have now.
Also please describe steps what you want to implement.
Thanks & Regards.
Hi Yurii,
I hav already shared my app link. Its name is POS.
It will be very difficult for me to describe you the steps because its a very long procedure.
What you can do is that download an app from play store (kroid pos). The way this app is showing the cart items on the click of a menu item is exactly what i want.
Hi Asif,
I've tried your App but can not logged in.
See details: http://prntscr.com/3z7681/direct
It could be hard to describe steps - but it's necessary.
Thanks & regards.
Login credentials:
user name : pos001
password : 123456
steps are as follows:
Login in to the app with above given credentials
There is a button on the left side of the header having a grid icon on it. Click on it and then click on order items
It will open 'orderItems' page. Just click on 'View Order' button. There you will see an order with order id 'pos0011404457804932' with status completed. Click on it and it will take you to another page. On this page just click on update inventory once.
Now again open the panel and click on SyncTibbs Menu list item.
Now you will see three buttons on the right side (on the detail page)
veg, non-veg and others.
Click on veg button and you will get the list of the veg products.
Click on Plus button on the Extra Cheese product. On the left side(on the master page) you will see an 'Add To Cart' button. Click on it, and it will show you Extra Cheese added to the cart.
This is what i am doing as of now to add the product in the cart on Master page.
Now what i want is that when I click on the plus button of Extra Cheese product, The cart on the master page should get display automatically without clicking on Add to Cart button.
Hi Asif,
Thanks, now it's become clear.
So to do what you want please follow the solution below:
1 Open your "posDashBoard" in design mode.
2 Activate "Plus" icon by clickin on it.
3 Open bottom "EVENTS" panel.
4 Add JS "click" event handler with following code:
pre
var onDelay = function(){
if(getCartItems && getCartItems.execute)
getCartItems.execute();
};
window.setTimeout(onDelay, 100);
/pre
5 Do the same with "minus" button.
Also if you don't like to use "delay" you need to synchronize your async functions and run code without delay after.
Regards.