ForeUI is an easy-to-use UI prototyping tool, designed to create mockup / wireframe / prototypes for any application or website you have in mind.

ForeUI Blog

ForeUI Beta3: New RadioButtonGroup Element

ForeUI V3.00 Beta3 (internal version number 3.003) is released. This new version introduces a new “RadioButtonGroup” element, supports Russian language and allow customizing the toolbar in simulation.  There are also some enhancements and 15 bugs are fixed.

The newly added “RadioButtonGroup” can simplify  the way to simulate a group of radio buttons.  In previous versions, we need to define some actions for a group of radio buttons to make sure only one radio button can be selected at a time.  Now things become much easier by using the “RadioButtonGroup” element.

The RadioButtonGroup element works like a List element, except that it renders its items as radio buttons.  You can double click it to edit its content: one line one radio button.  Just like the List element, “Selection Changed” event will be triggered when different radio button is selected in simulation, and you can check which button is selected by checking the “selectIndex” or “selectText” property.

The toolbar in simulation becomes customizable now, you can show/hide any button in the toolbar from the “DHTML” tab in settings window.  This feature is very useful when you want to hide some facilities in the toolbar.  For example, the “Property” view is quite useful for prototype author, but it means nothing to the reviewers.  It will be better to hide the “Properties”  button before delivering the prototype to reviewers.

From this version, ForeUI supports Russian language (Thanks Konstantin for the translation).  The new language option can be found in the settings dialog (under “General” tab).  Remarks: if you are using Windows Vista/7, you will need to run ForeUI as system administrator to change the language, since it needs to change the content in the installation directory.

Some Enhancements

Some enhancements are made in this version:

  • Allow showing behavior for current selection only.
  • The splash screen is not always on top.
  • Do not hide loading text before all scripts are loaded by web browser.
  • Set cursor to “wait” during the loading of simulation.
  • When drop file into welcome page, have it opened automatically.

Fixed Bugs

15 bugs are fixed in this version:

  • Bug_0329: When loading plot created by V2, should not override the line height and pad values for MockText element.
  • Bug_0330: In simulation, menu will be hidden by clicking its item or outside area, but the “Element Hidden” event is not triggered.
  • Bug_0331: Set custom property value in simulation, should try to make data type casting when value and type are not matched.
  • Bug_0332: Switch branching case should be able to use empty string as case expression.
  • Bug_0333: Double clicking .4ui file to open ForeUI, the plot is not loaded in edit area.
  • Bug_0334: When copy/paste element, the target element ids of its action are not auto updated.
  • Bug_0335: Actions belong to elements that embedded in container are not included during copy/paste/pack custom element.
  • Bug_0336: After deleting behavior root in behavior editor, the edit/remove button should be disabled.
  • Bug_0337: Using backlash to escape brace for object type property definition, the backlash should be removed in simulation.
  • Bug_0338: Branch/Loop/Delay that directly followed by an action with error, may cause Javascript error in simulation.
  • Bug_0339: When running simulation IE9, GroupFrame element does not show its bottom border.
  • Bug_0340: The size of popup list for ComboBox with any empty row is incorrect.
  • Bug_0341: List element has mismatch between cell border and background, when running simulation in Chrome/Safari.
  • Bug_0342: The newly added tag filter button is not saved for next run.
  • Bug_0343: Behavior filter can not highlight keyword with special characters (space, quote mark etc.).

ForeUI Beta2: New Hyperlink Element

ForeUI V3.00 Beta2 (internal version number 3.002) is released now.  Besides fixing the bugs found in Beta, this version also offer a new “Hyperlink” element, and some other new features and enhancements.  The main reason why we still mark this new version with “bata” label is the lack of documentation and examples, which still need some time to work on.

In previous versions, we have to use the TextBox element to simulate a hyperlink (by adding underline style, handling “Mouse Over”, “Mouse Out” and “Element Clicked” events).  The new Hyperlink element offers a much easier way to simulate the hyperlink, just input the parameters for the link and ForeUI will do the job for us.

New Hyperlink Element

Another new feature is to allow setting the page alignment for simulation.  In V2.xx versions, the pages are always aligned left.  While in 3.00 beta, the pages are always aligned center.  Now we can spcify the alignment of  the content, which could be left, center or right.  The new option in settings window allows us to set the default page alignment for DHTML simulation, we can also change this alignment in the toolbar in simulation.

Specify Page Alignment for Simulation

Page Alignment

This version improves the diagnose engine of behavior editor, the errors that caused by parameter missing can be detected now.  Also the actions with error will be excluded in the simulation/export, so the chance to meet Javascript error in DHTML simulation will be much lower.

This version also have the bugs below fixed:

  • Bug_0321: Memory leak caused by behavior editor.
  • Bug_0322: Starting in Mac OS Lion may halt by thrown exception.
  • Bug_0323: Clicking memory usage link should go to “misc” panel in settings window.
  • Bug_0324: Calendar is not highlighted correctly if the selected day is the first day of the month.
  • Bug_0325: Embedded element can not be deleted directly.
  • Bug_0326: Changing image reference does not work correctly when image ids are discontinuous.
  • Bug_0327: Tool window has incorrect size if its content is too big.
  • Bug_0328: Simulation in Firefox or Safari: vertical scrollbar is not shown when page is higher than browser view.

 

ForeUI V3.0 Beta Released

3

As I remember, ForeUI V2.xx has entered the maintenance phase for about one year, which means we have not added new features into ForeUI for a year.  After so many effects, we finally released the ForeUI V3.0 beta!  Now you can download it here, and feel free to let us know your feedback.

It is recommended to use the new version to create a new project.  If you want to use it on previously created project, please backup your data beforehand.  Remarks: we are still working on the documentation and resource store.

The new version offers many new features and enhancements, my previous posts (this, this, this and this) just introduced a few of them.  So today I will continue my introduction of V3.0.

All tool windows are docked on left, right and bottom side, and you can use hotkey to show/hide them.  If you have ever used previous version of ForeUI, you will find that the GUI of V3.0 becomes even simpler.  For example, the element list on left side is simplified: all elements are listed in one panel and you can use tags to filter them.  There are many enhancements like that, and you will see.

From this version will will see a new element named “Polygon”, which allows you to create special shapes.  When you drag the element into editing area, or click the element and then click in the editing area, you will start drawing the polygon.

You can edit your polygon with “Draw Mode” (click to create new node) or “Edit Mode” (draw to move any node).  After clicking the “Finish” button you can then configure its background color and border color etc.

As you can see, with this flexible polygon element, you can define special shapes on your web/software UI.

Hope you will like V3.0 beta, and I will continue introducing new features next time.  If you are interested, here is a list of new features and enhancements in V3.0 beta.

As for the license, if you purchased your license for less than one year, you will be able to use your license key on V3.0.  Otherwise you will need to re-order the new license key for it (the price is raised now).

ForeUI V3 Forecast 4: New Action Editor

1

The coming ForeUI V3.0 will use a new GUI framework that allows moving, resizing and docking of any view.  That will definitely make better usage of the screen space.  In V2.xx, the action editor is not visible until you press Ctrl+D or explicitly show it by clicking menu or button somewhere.  From V3.0, the action editor becomes a dock-able view, which will be docked at the bottom of the GUI.  Thus you can review the behavior definition and GUI layout at the same time.

Different than V2.xx, this view is not showing the behavior for just one element or one page,  it will list the behavior for all elements and pages instead (when no filter is applied).  So it is possible to review all behavior definition in the plot in this view.  The cost is that you will need to specify the owner of the behavior first.  ForeUI will support two kinds of behavior owner in 3.0: element and page.  In the future, ForeUI will support more owner types, such as tag (elements that has the given tag).

On the top right corner of this view, you can input any keyword to filter the behavior list.  Only the definitions that contains the keyword will be shown, the keyword will be highlighted in the list as well.

An important improvement is that you can defined the behavior for multiple elements at the same time, just choose multiple elements as the behavior owner:

Thus they will have the same behavior when the same event is triggered on them.  Also you will be able to manipulate multiple elements at the same time, just choose them together as the target of the action.

The new action editor even has the ability to detect errors.  If you defined an event handler for an element, and delete the element later, you will see the event handler will not take effect and is marked as deleted in the view.

This feature can reduce the errors on expression, and avoid (most of) the Javascript errors in simulation.

That’s the new generation of action editor, hope you will like it 🙂

ForeUI V3 Forecast 3: Toolbar in Simulation

2

My previous two posts (this and this) are about the new features that will be available in V3.0.  Today I will continue the forecast.  I would like to introduce another exciting feature of ForeUI V3.0: toolbar in simulation.

From V3.0, your generated DHTML simulation can have an optional toolbar, which provides the page navigation and property viewing features.  When you launch the simulation in web browser, the toolbar looks like this:

The toolbar can be docked to any side of the screen.  You can choose the dock side on the right of the toolbar.  You can also pin/unpin the toolbar, the unpinned toolbar will be hidden automatically if you don’t manipulate on it for a while.

Clicking the “<” and “>” buttons can navigate to previous or next page in your prototype, you can do so by pressing PageUp and pageDown as well (this has been supported in V2.x).  The “Goto…” button can show you all the pages in your prototype and you can choose one to switch to:

 

When you click the “Properties” button, the property view will be shown on the screen, and you can watch all properties (including system properties and custom properties) in your prototype:

The properties in bold font is the system properties and those with normal font is the custom properties.  This property view is dynamic, the values in the view will be updated as soon as the property value is changed.

This is the toolbar you will see in the V3.0, and it is just a beginning, we will keep adding new features into the toolbar in the subsequent versions.