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

Archive for November, 2010

ForeUI V2.57: Enhanced Editors and ComboBox


Hello folks, ForeUI V2.57 is released today 😀  This version enhance the inline editors and ComboBox element, with many bug fixings.

Better Inline Editors

When you double-click to edit the content of element, the in line editor will show up.   In previous versions, the inline editor looks like a small window and is limited in a small area, this make it difficult to place more tool buttons on its toolbar.  Now we make some enhancements on it, the boundaries of inline editor have been removed and we can place more tool buttons arrow the editing field.

All inline editors will now select its content by default when it is invoked.  You can click the “Ok” or “Cancel” buttons to stop editing.   Clicking outside of the inline editor can also stop the editing.

Another important enhancement is the inline editor for Table element, it supports a new “Free Edit” mode.  You can switch the editing mode via the buttons on toolbar.  In free editing mode, you can input all text content of the table, columns are separated with comma, while rows are separated with ENTER key, and you can drag and drop embedded element to any place within the table.

What’s more, you can now use F2/ENTER to start table grid editing and use TAB/CTRL+ENTER to stop table grid editing.

Show/Hide Decoration for ComboBox

Now the ComboBox element supports a new option: you can show/hide its decoration.  Once the decoration is hidden, the ComboBox element will become fully transparent if you reduce its opacity to zero as well.   This feature is requested by Ulrich and it will be very useful to customize the ComboBox element.

Here is an example to customize the look of ComboBox with this new option:

Other Enhancements:

  • Do not close id editing dialog when previous input is not accepted.
  • Do not auto backup the plot until it is modified.
  • Remove the auto saved file when manual save is finished.
  • Prompt user to open the auto saved file when loading the original.

(Many) Fixed Bugs:

  • Bug_0251: Sometimes the cut command can not be undone.
  • Bug_0252: The floating tool pane for Arrow Line element is not shown from V2.47
  • Bug_0253: Move category up or down in the category management window, the tool buttons is not shown when mouse hovering on the custom element.
  • Bug_0254: Editing members in group will reset the Z value of the group.
  • Bug_0255: When dragging the embedded element within its container, should ignore the “Auto adjust Z Value” option.
  • Bug_0257: The spinner control in floating tool pane is not activated when focus is gained via TAB key.
  • Bug_0258: The spinner to adjust border thickness should not be shown when border is not painted.
  • Bug_0259: Text box element with thick border has incorrect vertical alignment.
  • Bug_0260: Text box element with thick border will be enlarged in simulation.

ForeUI V2.55: Search for Elements

Hello folks,  ForeUI V2.55 is released today.  This version includes a very useful “element searching” feature; some enhancements and bug fixings are included as well.

Search for Elements

Element searching feature is very useful when you are working on complex prototypes.  In this new version, you can find a new button titled “Find Element…” above the plot editing area.  You can press this button or press Ctrl+F (CMD+F in Mac OS) to bring out the element search dialog.

The element search dialog would look like this:

You can input keywords and press the “Search” button (or press ENTER on keyboard) to start the searching.  If you have multiple keywords, you can separate them with spaces or commas.  Please notice that if you input several keywords, they are actually combined with AND operator, which means the element will not be listed until it contains all keywords.  For example, you use two keywords: “Text” and “Edit”, then search in element Id, the search results will contain all TextEditBox elements, but no TextBox element will be listed.

You can also make the searching case sensitive or limit the searching within the current page by checking the corresponding option.

There are many options in the “Search in” area.  By turning on/off the options you can specify the fields to be searched.  It is not just a text searching, it can also find out the elements in certain area or with specific Z value etc.  The animation below shows the use cases of this search dialog:

When the element is listed, you can click it in the result table and ForeUI will select it automatically.  If the element does not belongs to the current page, ForeUI will switch page beforehand.

Other Enhancements:

  • Updater supports proxy now.
    This is requested by Kfir Dadosh.  Now the updater will use the proxy settings in ForeUI (under the “Misc” tab in settings window).
    Remarks: you will need to download the file from our website and install again, since the updater can not update itself.
  • Use toggle button to show/hide the tool window.
    Now ForeUI uses toggle buttons to show/hide the global properties window, element selector, element search dialog and display control window.
  • Auto insert the current file name (if exist) in the “Save As” dialog.
    Requested by Ulrich, very simple but handy enhancement.

Fixed Bug:

  • Bug_0250: Image box with small size (e.g.15×15) may be distorted when running simulation in IE. (Thank Mike H for reporting)