Basic UI design - Rev Dictionary screen components

LiveCode is the premier environment for creating multi-platform solutions for all major operating systems - Windows, Mac OS X, Linux, the Web, Server environments and Mobile platforms. Brand new to LiveCode? Welcome!

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

Post Reply
Clarkey
Posts: 109
Joined: Fri Jun 11, 2010 11:10 am

Basic UI design - Rev Dictionary screen components

Post by Clarkey » Tue Jul 20, 2010 9:27 am

Hi folks, A basic question on UI design, based on the multiple column Revolution Dictionary view as a guide.

Would the most efficient way to recreate this style of UI (that is, with minimum reinvention of available custom controls) be something like:
Sidebar menu: Data Tree?
Top list: Data Grid (table) - or maybe Grid Stack, ListMagic or a simple table field, depending on functions needed?
Detail view: Data Grid (form) - or is there something else here to manage a templates group of controls (or even HTML/RTF content)?
Vertical and horizontal screen dividers: Create from scratch using rectangles or images (the user guide just says to create and script the bar to move, so I guess there is no screen control?
Forward/back arrows: Create from scratch using imported images?
Search dialogue: Create from scratch using imported images?

Am I on the right track here or missing some fundamentals or obvious alternative custom controls? Any feedback would be much appreciated.
Best,
Keith..

Curry
Posts: 111
Joined: Mon Oct 15, 2007 11:34 pm
Contact:

Re: Basic UI design - Rev Dictionary screen components

Post by Curry » Tue Jul 20, 2010 10:09 am

Top list is a data grid, but that's almost overkill considering the columns are all left-justified; you could simply use a list field with (if desired) a pretty alternating pattern behind it, if you can make your own header columns and resizing. (Okay, if you really don't want to roll your own, use the data grid.)

Detail view is mainly a field, with a few other objects below it, all in a scrolling group I think. Regular plain old fields can do a heck of a lot in RunRev.
Best wishes,

Curry Kenworthy

LiveCode Development, Training & Consulting
http://livecodeconsulting.com/

WordLib: Conquer MS Word & OpenOffice
SpreadLib: "Excel-lent" spreadsheet import/export
http://livecodeaddons.com/

Clarkey
Posts: 109
Joined: Fri Jun 11, 2010 11:10 am

Re: Basic UI design - Rev Dictionary screen components

Post by Clarkey » Tue Jul 20, 2010 10:51 am

Curry,
Thanks for the response and insights.

List pane: I've been using a data grid for proof of concept, but have been considering a simpler control.

Detail pane: I guess the choice on the detail view will depend on the information being presented. I suspect that my app will requires multiple instances of the details pane (depending on what is selected in the sidebar or list panes) and these will contain text/html content and/or structured, tabular data. I'm hoping, (or more guessing at this stage!), that if I can set all screen controls except the detail pane contents as a background group, then I could have a series of cards that have various detail pane layout templates.
Best,
Keith..

Post Reply