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 » Wed Aug 21, 2013 9:18 pm

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 » Thu Aug 22, 2013 7:26 am

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 8244 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 » Thu Aug 22, 2013 7:53 am

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: 4172
Joined: Sun Jan 07, 2007 9:12 pm

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

Post by bn » Thu Aug 22, 2013 8:14 am

@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 » Thu Aug 22, 2013 8:33 am

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 » Thu Aug 22, 2013 11:19 am

@ 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: 4172
Joined: Sun Jan 07, 2007 9:12 pm

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

Post by bn » Thu Aug 22, 2013 12:27 pm

@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: 49
Joined: Mon May 30, 2011 9:00 am

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

Post by micmac » Thu Aug 29, 2013 8:09 am

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 » Fri Aug 30, 2013 9:11 pm

mic..

send me your mail to john at ihouse.on-rev.com

micmac
Posts: 49
Joined: Mon May 30, 2011 9:00 am

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

Post by micmac » Sat Aug 31, 2013 8:05 am

John, I have already recieved it twice

Thanks again

Michael

Post Reply