How to - data tree (kinda like photoshop)

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
palanolho
Posts: 122
Joined: Sat Apr 27, 2013 11:40 pm

How to - data tree (kinda like photoshop)

Post by palanolho »

Greetings everyone.

I'm doing a desktop application. I have a workarea section and a toolbar section on the left.

On the tool bar, I have several Options that are related with types of objects, I have a data tree and some options related with the objects on the tree. The tree will have some icons to use as buttons (kinda like photoshop)

when I click on one of the options on the top of the toolbar section, the information on the grid should change according to the option selected, and the items on the data tree will be taken from a XMLTree.

(check the attach to see an example mockup)

So, what i need help with is, to know how can I implement this tool bar section (possible solutions, best way to do it, examples, etc...). What would be the best option since that depending on the selected option the information on the greed and the options to interact with the data tree can change, and hoe can I create such data tree with options and other informations.

Thanks in advance for any orientation or help provided
- Miguel
Attachments
toolbar.png
Simon
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 3901
Joined: Sat Mar 24, 2007 2:54 am

Re: How to - data tree (kinda like photoshop)

Post by Simon »

Ok, I do have an answer for this but I've gone through 300 posts trying to find the author.
The stack is called "Multi Palette-5 tabs.rev" and it was posted here a while ago. The only thing (I think) I recall about the post was the subject contained "NEW" in all caps.
I think it may be ok to re-post it but would rather give credit to the author as this wasn't a 10 min effort.

Simon
EDIT: The posted stack was named Multi Palette-5 tabs.rev.zip
Attachments
2013-08-21_2320.png
2013-08-21_2320.png (7.78 KiB) Viewed 9271 times
I used to be a newbie but then I learned how to spell teh correctly and now I'm a noob!
Dixie
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 1336
Joined: Sun Jul 12, 2009 10:53 am

Re: How to - data tree (kinda like photoshop)

Post by Dixie »

Miguel...

I put this together a long time ago... it never got much traction as runRev wouldn't put it in their store...:-( and now in the 'spirit' of 'open source' which is pervading the liveCode world, if you would like to look at it I will happily send you a copy of the 'dvField' library...
Attachments
dvField screenshot.png
bn
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 4219
Joined: Sun Jan 07, 2007 9:12 pm

Re: How to - data tree (kinda like photoshop)

Post by bn »

@Simon,

the thread is
http://forums.runrev.com/phpBB2/viewtop ... =9&t=13399
Michael posted some very nice stacks there

scroll down to "Collapsing Toolpalette"

I post this since the search function in this forum does not search for attachements.

Kind regards
Bernd
Simon
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 3901
Joined: Sat Mar 24, 2007 2:54 am

Re: How to - data tree (kinda like photoshop)

Post by Simon »

Wow Bernd! You found it!
So I was way off on "NEW", grrrr.
I'm glad you had better recall than me.

Simon
I used to be a newbie but then I learned how to spell teh correctly and now I'm a noob!
palanolho
Posts: 122
Joined: Sat Apr 27, 2013 11:40 pm

Re: How to - data tree (kinda like photoshop)

Post by palanolho »

@ Simon & Bernd
- Thanks allot, this will be much useful indeed. The post also have other interesting things that may be very useful!!

@ Dixie
- Thank you very much Dixie. I think this fits like a glove. I would be honoured if you could send me the library (palanolho@gmail.com)
- Do you think that it would be much difficult if I try to add some lines separating each element and add elements outside of folders?

@ all
- about the behaviour.... since the elements on the data tree are on an XML, when i click on the top options I will probably simply change the data that is displayed on the data tree (seems to be the best option, right?)
- what about the custom small buttons that may be different and do different things depending on the elements being displayed? what do you think it would be the best approach?

Thank you everyone
- miguel
bn
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 4219
Joined: Sun Jan 07, 2007 9:12 pm

Re: How to - data tree (kinda like photoshop)

Post by bn »

@Simon,
So I was way off on "NEW", grrrr.
you where spot on with your recollection:
the actual title is:
This might be useful for some (New NEW N E W)
which is not helpful when searching the forum, nor otherwise.

Kind regards
Bernd
micmac
Posts: 57
Joined: Mon May 30, 2011 9:00 am

Re: How to - data tree (kinda like photoshop)

Post by micmac »

Hi Dixie

I would very much like to have a copy of dvField (not the demo)

Can you make it available somewhere?

Thanks

Mic
Dixie
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 1336
Joined: Sun Jul 12, 2009 10:53 am

Re: How to - data tree (kinda like photoshop)

Post by Dixie »

mic..

send me your mail to john at ihouse.on-rev.com
micmac
Posts: 57
Joined: Mon May 30, 2011 9:00 am

Re: How to - data tree (kinda like photoshop)

Post by micmac »

John, I have already recieved it twice

Thanks again

Michael
Post Reply