Proposal for changing a bit the Tools Palette

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, LCMark

Mag
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 802
Joined: Fri Nov 16, 2012 10:51 pm

Proposal for changing a bit the Tools Palette

Post by Mag » Thu Oct 20, 2016 8:10 pm

After the LiveCode's toolbar http://forums.livecode.com/viewtopic.php?f=67&t=28147 I tried to redesign also the Tools Palette trying to make it easier to understand for new users (maybe)... it's just a try so please let me know what do you think, any comment and suggestion will be very welcome....
LiveCodePalette19.jpg
Edit: I update this image as they arrive comments and observations.

PS
Sorry I posted this topic in the wrong forum, if some moderator see it, please move it to the right section of the forums, thank you. :oops:
Last edited by Mag on Thu Oct 27, 2016 11:08 pm, edited 12 times in total.

livecodeali
Livecode Staff Member
Livecode Staff Member
Posts: 192
Joined: Thu Apr 18, 2013 2:48 pm

Re: Proposal for changing a bit the Tools Palette

Post by livecodeali » Fri Oct 21, 2016 9:33 am

Hi Mag,

That looks really great! I would love the tools palette to look like that. Some of your improvements are things we have intended to get done for a while, but I love the general design.

jacque
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 7214
Joined: Sat Apr 08, 2006 8:31 pm
Location: Minneapolis MN
Contact:

Re: Proposal for changing a bit the Tools Palette

Post by jacque » Fri Oct 21, 2016 3:43 pm

I agree, this is excellent. Using toggle widgets instead of the gear menu is much more convenient and intuitive. The entire look is clean and professional.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com

Mag
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 802
Joined: Fri Nov 16, 2012 10:51 pm

Re: Proposal for changing a bit the Tools Palette

Post by Mag » Fri Oct 21, 2016 5:48 pm

Thank you so much! :)

I made a new version where the widgets have a lighter look. Please keep in mind that I'm not a graphic designer (I work in the usability field), I'm sure LiveCode's graphic designer will do a much better job.
Last edited by Mag on Sun Oct 23, 2016 2:39 pm, edited 4 times in total.

jacque
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 7214
Joined: Sat Apr 08, 2006 8:31 pm
Location: Minneapolis MN
Contact:

Re: Proposal for changing a bit the Tools Palette

Post by jacque » Fri Oct 21, 2016 8:10 pm

I like the lighter widgets very much. The current ones are so dark they overpower the palette. My eye goes there immediately and gets stuck.

You could be a graphic designer if you wanted to be, I think.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com

Mag
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 802
Joined: Fri Nov 16, 2012 10:51 pm

Re: Proposal for changing a bit the Tools Palette

Post by Mag » Sat Oct 22, 2016 12:33 pm

I tried to do a new version with the widget icons a bit less wide, perhaps it helps to give a more balanced look. Also the saved space is useful for implement a scrollbar. I updated the image in the first post.

Jeanne DeVoto
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 10
Joined: Wed Apr 12, 2006 12:23 am
Contact:

Re: Proposal for changing a bit the Tools Palette

Post by Jeanne DeVoto » Mon Oct 24, 2016 6:11 pm

Can I put in a request:

I would like a "mini-mode" that toggles the tools palette between full and just browse/pointer. (Most of the time I'm switching between these two, and the larger palette can get in the way—especially with the widgets section. At the same time, I want the whole thing accessible if I need to use it.)

Any chance of this?

Mag
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 802
Joined: Fri Nov 16, 2012 10:51 pm

Re: Proposal for changing a bit the Tools Palette

Post by Mag » Mon Oct 24, 2016 6:34 pm

I Jeanne, interesting point. Of course, yours is a request to make to the LiveCode team (I'm a simple user like you, not involved in any way in the development).

Maybe you already know this but, if you use the popup menu with a gear icon of the palette, you can remove the sections you don't use (but you lose "the whole thing" accessible if you need to use it).
pal.png
pal.png (10.77 KiB) Viewed 17708 times
Also, as an user switched often from the Browser mode and the Edit mode, It could be useful to associate a keyboard key, like in Photoshop palette... but obviously it would not work when you are inside a text field. Actually this can be done with a handler in a button set as backScript like this (not tested):

Code: Select all

on preOpenStack -- in the stack
   insert the script of button "BackScriptLibrary" of card "myCard" of stack "myStack" into back
end preOpenStack

on keyDown theKey -- in the "BackScriptLibrary" button
   if the environment is "development" then -- in development only
      if theKey is "1" then -- switch to browser tool
         choose browse tool
      else if theKey is "2" then -- switch to pointer tool
         choose pointer tool
      end if
   end if

   pass keyDown
end keyDown

Jeanne DeVoto
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 10
Joined: Wed Apr 12, 2006 12:23 am
Contact:

Re: Proposal for changing a bit the Tools Palette

Post by Jeanne DeVoto » Fri Oct 28, 2016 8:26 am

Removing each section and then re-adding all of them when I need the whole thing is a bit... painful. ;-)

There actually is a keyboard shortcut for Browse and Pointer tools (look in the Tools menu), but this doesn't give me the on-screen indication of which tool is active.

Mag
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 802
Joined: Fri Nov 16, 2012 10:51 pm

Re: Proposal for changing a bit the Tools Palette

Post by Mag » Fri Oct 28, 2016 11:32 am

Jeanne DeVoto wrote:Removing each section and then re-adding all of them when I need the whole thing is a bit... painful. ;-)

There actually is a keyboard shortcut for Browse and Pointer tools (look in the Tools menu), but this doesn't give me the on-screen indication of which tool is active.

Hi Jeanne, I'm aware of the shortcut, my tip is to just use a key (1 and 2) to switch from edit and browse tool. It's very handy and you do't use two hands (and you see easily the state by watching directly the pointer).

Anyway, I know that it's not what you would like to. Maybe a possible way could be to move the "pointer chooser" from the tools palette (which actually it's not only a collection of tools, for examples includes also libraries) to the main Toolbar. But in this case you lost the possibility to move the pointer switcher where you would like to find it on the screen. Just a brainstorming...

dunbarx
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 9578
Joined: Wed May 06, 2009 2:28 pm
Location: New York, NY

Re: Proposal for changing a bit the Tools Palette

Post by dunbarx » Fri Oct 28, 2016 2:53 pm

Mag.

I just now saw this effort and this forum pane. Thanks for doing all this. I am so turned off by the sinister-looking and clunky tools palette in v8. It shouldn't matter so much, but it does.

Craig Newman

mwieder
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 3581
Joined: Mon Jan 22, 2007 7:36 am
Location: Berkeley, CA, US
Contact:

Re: Proposal for changing a bit the Tools Palette

Post by mwieder » Thu Jan 25, 2018 4:14 am

I obviously don't spend much time here on the web forum, so I'm just coming back into this discussion. For my taste, I think the tools palette can easily take up too much space, especially as we get more extensions. The design of PowerTools is based on separation of functionality, so there are three tabs for Objects (buttons, fields, etc); Graphics (paint and graphic tools); and Widgets (widgets and library extensions).

Some of my design goals:
  • Controls on the Objects panel are native-platform objects rather than cartoon images.
  • Controls dragged to a stack are named uniquely: "button_1", button_2", etc.
    PowerToolsObjectsPanel.png
  • Graphic tools persist their properties, so the rectangle tool can have different color setting than the oval tool, etc.
  • You can paint using patterns and gradients
  • Graphics and Paint tool properties have a separate visual area rather than a disclosure triangle
    GraphicsPanel.png
  • Double-clicking above the tab panel minimizes the tool palette to the upper corner of the screen to minimize screen real estate
  • You can place extensions into folders to organize them
    LC8WidgetsPanel.png

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Proposal for changing a bit the Tools Palette

Post by [-hh] » Thu Jan 25, 2018 6:33 pm

mwieder wrote: ... There are three tabs for Objects, Graphics and Widgets.
... You can place extensions into folders to organize them.
Yes, I like your solution. Alone the above makes working so much easier.

LC's target are 1000 widgets. Where else should they go to than into a well-organized structure?
shiftLock happens

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9286
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Proposal for changing a bit the Tools Palette

Post by richmond62 » Thu Jan 25, 2018 7:40 pm

LC's target are 1000 widgets.
Nothing like a bit of over exaggeration . . .

[-hh]
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 2262
Joined: Thu Feb 28, 2013 11:52 pm
Location: Göttingen, DE

Re: Proposal for changing a bit the Tools Palette

Post by [-hh] » Thu Jan 25, 2018 8:21 pm

Richmond wrote:a bit of over exaggeration
A bit or 100 Bytes?
shiftLock happens

Locked

Return to “Engine Contributors”