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

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!


Comments are closed.