Archive for the ‘GUI Design Studio’ Category

GUI Design Studio Tip#2: Make Use of Keyboard Shortcuts

Friday, November 27th, 2009

Keyboard Shortcuts Help TopicGUI Design work involves a lot of mouse activity. Be more productive and reduce the strain by using keyboard alternatives where possible.

 

You can find most of the shortcut keys in the Help file by using the “Help | Keyboard Shortcuts” menu command.

 

Here’s a few more (some changed in version 3.5) that may not be listed in the help topic:
(more…)

GUI Design Studio 3.5 Released

Thursday, November 26th, 2009

New Version 3.5GUI Design Studio version 3.5 is now available for immediate download. This is a maintenance release with some fixes and changes based on customer requests. It’s a free upgrade for all registered users.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

Tree Icons
Tree IconsUntil now, Tree elements have come with just a couple of basic sets of icons and the only way to change individual item icons was to place other icons on top.

That worked well until scrolling and item expansion/contraction functionality was added in version 3.3. After that, you needed to jump through a few hoops with components to get custom tree icons working properly.

Well, we’ve finally given Tree items their own icon property so you can now select them directly and everything works as it should. For convenience, the icon selector also keeps a record of the 10 most recent icons for fast, one-click selection.

Other Changes
(more…)

GUI Design Studio Tip#1: A Great Way to Zoom Around Your Designs

Wednesday, November 4th, 2009

Did you know that you can change the behaviour of the mouse scroll wheel in the “File | Preferences” dialog in GUI Design Studio?

You can set it to zoom in and out or to scroll vertically. You can still get to the alternative function by holding down the Ctrl key. So if the wheel normally zooms, holding down the control key will scroll and vice versa.

Setting the Scroll Wheel behaviour preference

(click image for full size view)

Whatever you’re pointing at when you zoom will remain fixed in position on screen so you can quickly point and zoom to focus in on any area of interest.

Don’t forget that if your mouse wheel tilts, this will scroll you horizontally, giving you full control over your view from that little wheel.

GUI Design Studio 3.4 Released With Enhanced Team Collaboration Support

Friday, August 28th, 2009

New Version34GUI Design Studio version 3.4 is now available for immediate download. This is a maintenance release with some important changes based on customer requests, and is a free upgrade for all registered users.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

(1) Project Organisation

Now you can re-organise your projects with ease. In previous versions, we restricted the ability to move and rename design files to ensure that references remained intact and to help with project sharing.

In version 3.4, you can rename files and move them around using drag and drop. GUI Design Studio will track the changes and keep those references working.

Renaming design files
(more…)

Short Demo on How to Create Scrolling Regions in GUI Design Studio

Tuesday, May 12th, 2009

Following on from the GUI Design Studio v3.3 release, here’s a short video (05:52) that demonstrates how the scrolling region shown in the previous post was constructed:

For best viewing quality, click on the HD and Full Screen icons once play has started!


Here’s a quick summary of how to produce a scrolling region:

  1. Create a large design.
  2. Create your container design.
  3. Drag and drop your large design onto your container design as a ‘component’.
  4. Double-click the component to edit its properties, as follows:
    • Check the “Maintain size when component changes” option on the Style tab
    • Uncheck “Fixed Width” and “Fixed Height” on the Position tab
    • Set an arbitrary small size to make it easier to work with, say 300 for “Width” and “Height” (Position tab)
    • Hit “OK”
  5. Resize the component to the actual desired size.

That’s it!