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
Home /

ForeUI Blog

November 22, 2010

ForeUI V2.57: Enhanced Editors and ComboBox

by
1

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.
Feature | ForeUI | Uncategorized | Update
| |
November 8, 2010

ForeUI V2.55: Search for Elements

by

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)
Feature | ForeUI | Uncategorized | Update
|
October 24, 2010

ForeUI V2.52: Rectangle Borders, Memory Monitor, Auto-Save etc.

by
2

Hello folks, ForeUI V2.52 is out today.  If you have installed V2.50, you can update to V2.52 directly via the updater.

Rectangle Borders

Now we have more control of the borders of Rectangle element: every border of the rectangle can be shown or hidden.  This feature is suggested by Mark D, and we appreciate his good idea 😀

With this new feature, the Rectangle element can be used to represent more complex shapes.  I found it is very suitable for custom tab creation.

Memory Usage Configure & Monitor

During our daily custom service, we realize some problems are caused by the insufficient memory.  Like other Java applications, ForeUI has to specify the maximum memory usage at the launching time.  The default maximum memory usage is set to 300 MB and it is enough for normal cases.  However if your plot is big and complex, and you have done many operations, the increasing Redo/Undo records may challenge the 300 MB limitation.  Once that happen, ForeUI may behave sluggish and sometimes can not execute your command.  Now the new version allows you to monitor the actual memory usage and configure the maximum memory usage.

The memory usage information will be shown on the top-left corner of the editing area:

The rightmost “300 MB” is actually a link and you can click it to bring out the configuration (which can also be found in the “Misc” tab in settings window):

You will need to restart ForeUI to take effect the maximum memory usage setting.

Auto Saving

To avoid losing your work, we implemented the auto saving feature, and it is now turned on by default.  It will try to backup your current editing plot (say Test.4ui) to “Test_autosaved.4ui” in the same directory for every 3 minutes.  When auto saving is performed, a message will be displayed for a few seconds on the top-left corner of the editing area.

You can change the auto saving interval in the “Misc” tab of the settings window, or even turn it off if you don’t want it.

New Element Property: visible

This is requested by Ed.  Now you can insert this element property into expression to check whether the element is visible during the simulation.

Improvements for Mac OS X:

From this version, ForeUI will use system look and feel by default in Mac OS X.

In Windows the Ok button is usually on left and Cancel button is usually on right; In Mac OS the order is reversed.  So we adjust the position of “Ok” and “Cancel” buttons for Mac OS X in this version.

Other Enhancements:

  • Do not show action indicator (small red flag) on embedded element that is hidden by container.
  • Remember the file chooser view type.

Fixed Bug:

  • Bug_0249: Tabs element has incorrect hotspots in “Mac OS X” theme (under editing mode).
Feature | ForeUI | Uncategorized | Update
| | |
October 11, 2010

ForeUI V2.50: Auto Updater and Extended Free Upgrade Period

by

Hello everybody, we are pleased to release ForeUI V2.50 today.  From this version a brand new auto updater of ForeUI will be available.

Auto Updater

Since we update ForeUI frequently, an updater that can download and install updates automatically is really useful.  From V2.50, the updater will be shipped with every downloadable package.  When you launch ForeUI, it will detect the new version from Internet.   If new version exist, ForeUI will ask whether to update, if you choose “Yes, Sure”, ForeUI will quit and the updater will be launched.  The updater can work under Windows, Mac OS X and Linux systems.

The updater will download and verify the update package, then install it automatically.  It will definitely save your time 🙂

With this updater, releasing minor version for bug fixings become much easier.  If we confirm a serious bug, we can fix it immediately and push the update package to all users.

Fixed Bugs:

This version include three bug fixings, they are:

  • Bug_0246: The exported DHTML does not respect the ImageBox’s background color and opacity. (Thank John Giddings for reporting)
  • Bug_0247: If an ImageBox is embedded into Tabs, it can not be displayed in the exported DHTML. (Thank Boris for reporting)
  • Bug_0248: Copy selected element(s) into clipboard and paste into Microsoft Word, the transparent background is black. (Thank Tim for reporting)
    The figure below shows the effect of the fixing:

Extended Free Upgrade Period

The End User License Agreement (EULA) has been updated today.  Customers who purchase ForeUI license can update to new versions for FREE if any of the conditions below is satisfied:

  1. The new version has the same major version number with the old version.
  2. The license is purchased within one year.

The first condition exists at the very beginning, and the second condition is added in this update.

For existing ForeUI users, this change may bring you several months’ free upgrade period, without any additional payment.

For coming ForeUI users, this change is also a good news, since you will have free upgrade for at least one year, even another major version will be released soon.

The chart below shows the difference between previous and new license agreement:

The chart is created with ForeUI, and you can run its interactive simulation here.

Feature | ForeUI | Uncategorized | Update
|
September 27, 2010

ForeUI V2.47: Many New Features and Enhancements

by

Hello everyone, ForeUI V2.47 is out today and you can download now.  There are many new features and enhancements included in this version.  Please read on.

Exchange Data with Outside World

Now ForeUI can exchange data with external applications via clipboard.  You can copy image from any application and paste it into ForeUI as an ImageBox element; you can also copy the selected elements in ForeUI and paste them as an image into other drawing applications.

What’s more, you can directly drag image or plot file into ForeUI now.  The image file will be converted to an ImageBox element if you drag it to the editing area.  If you drag an image file into the image dock, it will be stored there.  Dragging a plot file to editing area or the tabs for plot will load the plot in ForeUI immediately.

More Powerful Actions

Now you can use properties in the “Pause a While” action, that means the delay time can be changed during the simulation.

What’s more, you can use properties in the loop:

Another enhancement is that you can change the size of ImageBox during the simulation:

And you can specify the target window for “Visit URL” action now:

Specify the Plot’s Default Font

From now on, you can specify the default font for every plot in the plot configure window:

The actual font for element rendering will be determined by the process below:

Reduce Redundant Files in DHTML

In previous versions, all ImageBox elements will be exported as a PNG files, even if they all link to the same image in image dock.  Now we reduce the redundant files, if multiple ImageBox elements link to the same image, only one PNG file will be exported for their references.

This enhancement will gain a very good result if many ImageBox elements are used in the plot.  Below is a comparison between the DHTML for “Fwitter.4ui” by V2.45 and V2.47:

Move Element Out of Bounds

From this version, you can move element out of the plot’s bounds.  You can turn on / off this in the settings window (default is on)

Other Enhancements:

  • Improve image dock rendering performance.
  • Auto add backslash before ” or ‘ when editing message of User Decision branching and Show Message action.
  • Generate log files to user’s directory.

Fixed Bugs:

  • Bug_0240: Line and Arrow Line elements can not be displayed in V2.45.
  • Bug_0241: Right-clicking element which is placed over a container (to bring out context menu), the element should not be embedded.
  • Bug_0242: Text element editor does not select all editable content when show up in V2.45.
  • Bug_0243: Move embeded element to upper/lower layer, may duplicate the element.
  • Bug_0244: If custom element contains embedded element, creating multiple instances of the custom element may cause duplicated ids.
  • Bug_0245: Sometimes the element id in action expression is not replaced correctly when doing copy/paste or creating custom element instance.
Feature | ForeUI | Uncategorized | Update
| | | |
1…1213141516…31