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 /

All posts in Update

February 21, 2011

ForeUI V2.67: Add Note in Action Editor

by

Hello everyone,  we are back from vacation so it is time to roll out a new version 🙂

Comparing to previous updates, it one is not so big and it contains one new feature and three enhancements, as we need some time to warm up after the long vacation.

Input Note in Action Editor

This feature is scheduled for quite long time.  It is very useful to explain the actions associated with element or page, just like the comments on source code.

In V2.67, when you open the action editor for element or page, you will see a new sub view on the right, which can list all notes for the actions.

To add or edit the note for entity, just choose the “Edit Note” item from the context menu, or just double click the row in the not view.

The note view is resizable and you can hide it by dragging it to rightmost border.  The note can still be shown in the floating tooltip.

Multirow Note Editing

Now the note editing can support multirow, no matter for element’s note or action’s note.  Just click the “Multirow Note” checkbox to toggle the single/multiple row modes.

Other Enhancements:

  • Allow selecting previous/next entity with UP/Down arrow in action editor.
  • Show warnning message if the plot to load does not exist.  (Thank Mario Gonzalez’s suggestion)
Feature | ForeUI | Uncategorized | Update
| |
January 10, 2011

ForeUI V2.65: Animated GIF Support and More

by
3

Happy New Year to you all!

Today ForeUI’s first release in Year 2011 is out!  Want to know what’s new in V2.65?  Please read on.

Animated GIF Support

Now you can insert animated GIF files into your prototype, and they will be really animated in simulation!  So far there are four types of elements support this feature: Image Box, Window, Tree and Multilevel Menu.  With our on-going effort, more elements will support this.

Use Animated GIF in ForeUI Elements

Change  Window Title in Simulation

The Window element supports a new “Set Window Title” action, which allows you to change the window title in simulation.  The new title supports property, so you can include some dynamic value in the window title.

Set Focus in Simulation

The TextEditBox and Spinner elements now support a new “Set Focus” action, which will set focus on the specific element.  This can be used to set the default focused element when page is loaded.

Some Enhancements:

  • Show image button on floating tool pane for MultilevelMenu element.
  • Enable hotkeys for cut/copy/paste/delete on embedded element.

Fixed Bugs:

  • Bug_0271: “Mouse Out” event for Multilevel Menu is triggered when mouse is hovering on the element.
  • Bug_0272: The delay value in “Pause a while” window should be selected by default.
  • Bug_0273: Can not start selecting from above of plot.
  • Bug_0274: The title of Window element does not respect the default font settings.
  • Bug_0275: Table column become wider in simulation.
  • Bug_0276: Table column widths should be synchronized in edit/view modes.
Feature | ForeUI | Uncategorized | Update
| |
December 19, 2010

ForeUI V2.62: Window Container and Improved Usability

by

Merry Christmas and happy new year!  Today ForeUI V2.62 is out, and it will be the last version in year 2010.   This version allows to use Window as container, and introduces some features/enhancements to improve the usability.

Window Container

The Window element becomes container now.  You can hold the right mouse button and drag other elements into it.

New Options for Tree Element

Two new options are added for Tree element.  One is to turn on/off the default icon display, and the other is to show/hide the handles for root nodes.  The animation below shows how they work.

Manipulate Embedded Element

Now you can cut/copy/paste/delete the embedded element directly from the floating tool pane.  These manipulations were disabled temporary because of technical reasons, now they are enabled again and you can feel free to work on the embedded elements.

What’s more, you can freely move embedded element in its container now.

Start Selecting from Outside

Another useful improvement is that you can start selecting content from outside of the editing plot area.

Hold SHIFT to Restrict Moving Direction

If you want to restrict the moving direction to horizontal or vertical, you can hold the SHIFT key while draging the element.

Other Enhancements:

  • Improve rendering performance.
  • Paint small expand/collapse button for tree nodes in HandDrawing theme.
  • Paint (optional) lines for tree in HandDrawing and Mac OS X themes.

Fixed Bugs:

  • Bug_0264: Embed Tree into scrollable container, Tree text become white. (IE only)
  • Bug_0265: Table does not layout properly in simulation if column widths conflict with table width.
  • Bug_0266: Change the padding values of ScrollableContainer, then select its embedded element.  The embedded element is in wrong location.
  • Bug_0268: Double clicking Balloon or Post-It element can not bring out the in-line editor when zoom is not 100%.
  • Bug_0269: Select an embedded element and define action for it, the selected embedded element is not show in element chooser.
  • Bug_0270: Embedded element that has smaller Z value than its container can not be selected in element chooser.
Feature | ForeUI | Uncategorized | Update
December 6, 2010

ForeUI V2.60: Enhanced Tree Element

by
1

Enhanced Tree Element in ForeUI V2.60Hello everyone, I am very excited to announce that ForeUI V2.60 is released today!  This version enhances the Tree element a lot, add two new events for Text Edit Box element and fix two bugs.

Enhanced Tree Element

Now the Tree element can be used as a container element, and it becomes interactive in the simulation!  Just like the Table element, the inline editor of Tree element also provides two editing modes.  The “Free Edit” mode allows you to edit tree content in a single edit area, you can use “t” and “n” to define the tree structure.   The “Row Edit” mode allows you to edit tree content row by row, you can also specify the row height or collapse the row respectively. Even in the simulation, you can collapse or expand certain nodes in the tree, fancy!  Here is a short animation to showcase the new Tree element.

“Focus Gain” and “Focus Lost” Events

This two new events are available in TextEditBox element.  Thank LittleRed99 to share the great idea!

The “Focus Gain” event will be triggered when the TextEditBox receives the input focus, while the “Focus Lost” event will be triggered when the TextEditBox lost the input focus.  These events will be very helpful if you want to create working wireframes for account sign up page:

Mockups for sign up page

Other Enhancements:

  • Allow selecting row of Table element in editing mode.
  • Show what’s new in version checking result.

Fixed Bugs:

  • Bug_0262: Should ignore embedded elements when selecting elements with add/minus mode (SHIFT/CTRL pressed)
  • Bug_0263: Text Label element will be enlarged after content editing.

How to Update?

When you launch ForeUI, you will be prompted to update, just click the “Yes, Sure” button to update to the latest version.  You can also download the latest version here.

The update is FREE if your license is for V2.xx versions, otherwise you may need to upgrade to V2 license here.

LittleRed99
Feature | ForeUI | Uncategorized | Update
| |
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
| |
1…56789…18