iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi,
I am trying to find out the innovative ways people have solved a certain problem. Hopefully someone has some great ideas!
We are showing a grid and users can click on a row. This needs to show them a detail page for the item they have selected.
The obvious way would be to Navigate to a detail page. The back button and everything else will work just fine in this scenario but the problem is that when the user goes back to the list, it has to get the contents from the database again. Also, if the user has scrolled down the list then the list position is lost.
How have others solved this problem?
Ideall, I would like to slide in the detail via some sort of transition but leave the grid in place but hidden. Then when the user is done viewing / editing the detail they can click a button and the details page will close showin the original grid again.
One possibility I guess would be to use a window (if I can work out how to auto-maximse it and to set a window contents to a xaml page) but I would rather keep this application SDI if possible rather than MDI as I think users find it easier to work in one window / area of an application.
Another possibility is to set the grid visibility to collapsed and to show an otherwise hidden panel on the page in place of the grid. This would work (how can I apply a transition to the visibility toggle?) but then the back button does not work as they have not actually navigated anywhere within the context which is confusing if the user simply wants to get back to the list.
Sorry this has gone on so long. Has anyone else come up with an innovative solution to this within the clientUI navigation framework?
Regards,
Mark
Hi Mark,
I will need to investigate and discuss further with the developer team on this issue. I will keep you the update.
Thank you.
Hello Mark,
Please see my attached sample. When click a row in WebGrid, it will open WebDialogBox which load the detail in another WebGrid. Please let me know if my sample closely with your requirement or not.
Regards,HandyI am sorry that I was mistaken in replying the thread. Please feel free to let us know when you face an issue when implement your scenario.
Regards,Handy
There are a number of ways to do this, you can use either the window or hidden panel approach, and "still" enable users to use "back" button to go back. This is done through "child" navigation where you actually has a UXFrame inside your page. You can place the frame inside a window, hidden panel, a content transition, or any content controls.
In fact, our ClientUI live example uses the similar technique to display the selected sample in the window (while still preserving the navigation functionality).
Hope this helps,Jimmy
Hi Handy / Jimmy,
Thank you for the replies and for the sample. This is certainly useful.
My solution currently uses a hidden "grid". When the user double clicks a row, the list is hidden and the new grid is revealed. I have then implemented a "Back to list" button.
I suspect that I have missed a trick in not allowing the browser back button to take the user back to the list but it actually works very well. If I need to figure out how to get the browser back button to actually go back to the list then I will raise this with you again.
For now, everything is working just fine.
Hi Handy,
I was just about to download your sample as I now also need to have the user double click on a row and to have a page loaded into a WebDialogBox.
Can you post your sample again or post another sample which demonstrates how to do this?
The previous sample is not a ClientUI control but ASP.Net control. I was mistakenly in replying the thread.I am currently try to create a new sample for you. I will let you know asap.Regards,Handy
It seems that you could not achieve it via double click because We still don't have a handler of double click.However, you open a dialog box when select or single click on the row. For more information about how to open UXDialogBox when select a row, please refer into my project.
Regards,HAndy
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname