July 22nd, 2013
The new 4.6 versions of GUI Design Studio Professional and Express, along with a new Viewer, are now available for download.
For users of versions 4.0 to 4.5, this is a free upgrade and the Viewer is, of course, always free. Users of GUI Design Studio version 3 or below can install v4.6 in parallel and try it out before upgrading.
At long last, you can now add a variety of common charts to your designs, each with many customization options:
You’ll notice that none of the charts have titles! That’s because it’s better and easier to add a title Text element to the design and position it wherever you want than incorporate all of the text positioning and styling options into the charts themselves.
Line Charts and Pie Charts can include data labels as an option but these are normally provided in a separate data key.
As with chart titles, rather than burden each chart with position and styling options, the Chart Key is supplied as a separate element. That does mean it’s up to you to ensure the keys match, but it provides good flexibility and allows multiple charts to share the same key.
Each chart contains default, semi-randomized data so you have something to show when quickly mocking up your design.
From there, you can either use the data table editor in each chart’s property editor, or connect the charts to (CSV) data tables for dynamic and consistent data values.
With dynamic CSV data, assigning individual colours to each data set is problematic and, in any case, fairly tedious.
Instead, we’ve supplied a number of preset colour schemes that cover a wide range of uses. This allows for easy consistency across multiple charts in multiple designs. It also allows for automatic adjustment and recycling of colours in large data sets.
The data colour sets are defined in simple text files. We’ll add a UI to edit them if demand for custom colour schemes is high. Or, if you need a custom colour scheme for your charts, just contact our Support and we’ll put one together for you.
Each chart has its own set of options though all the Line and Bar Charts share similar customizations, including axes and line options.
Gradient fills are also available on all but Line Charts, for example:
As an experimental feature, you can now combine a Tree Element with a Table Element to create a highly effective Tree Grid hybrid element:
It was always possible to create a static mock-up of such a design before, but now, when a Tree is placed on top of a Table element, the two are synchronized to ensure that vertical scrolling, selections and row visibility are kept in harmony.
We’ve tweaked a few styling options to help smooth this along (see below).
To learn more about how to create a Tree Grid, search for “tree grids” in the new Help Index.
We hope the new features and fixes in GUI Design Studio v4.6 help you with your software mock-ups and prototypes. Let us know how you get on by leaving a comment below, contacting Support through the usual channels, or on the Forums.