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

All posts tagged table editor

ForeUI V4.5: Set Starting Page for Simulation

Dear ForeUI users, ForeUI V4.5 is now available! Let’s see what’s included in this new version:

Set Starting Page for Simulation

Now you can set the starting page for HTML5 simulation, no matter where the page is located. Before V4.5, the starting page is always the first available page, and you need to define some behavior in the first page to jump to the starting page you want. This task can be done much easier now, and you only need to tick the checkbox in the page information panel.


It is as simple as that, once you set a page as the starting page, it will be the default page when you run the HTML5 simulation in web browser.

Quick Define “Manipulate Element…” Action

In this version, we added another quick define action, which allows you to quickly manipulate elements.


After clicking this new menu item, the “Manipulate Elements…” window will show up and you can immediately choose which elements, and how to manipulate them. The behavior will be defined automatically and added into the behavior panel.

Support Undo/Redo for Table Editing

A rather big enhancement in this new version is to support undo and redo operation for table editing. In previous versions you can not undo any modification when the table editor is opened, now you can undo/redo every step of your table editing. This enhancement makes table editing much easier as you don’t need to be too careful, and every mistake could be undone.


How to Get New Version

You can download the latest version from the download page, or upgrade directly within ForeUI if you already have any 4.x version installed.

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.25: Table Editor Improvements and More

Hello everyone,  it is another biweekly update today.  The new V2.25 version has some improvements on new table editor, provides smarter zooming and proxy settings and  includes some bug fixings.

Table Editor Improvements

In previous version, the table editor can only insert new row or column before the current one.  Now we’ve made the improvement, you can append new row or column after the current one.  The figure below shows the details:

Also we’ve made an enhancement on table resizing:  only the columns with “auto” width will be scaled during the table resizing.  That means you can fix certain columns’ width during the resizing.  The columns with “auto” width will allocate their actual width from the remained space.  If more than one column has “auto” width, they will allocate their widths according to their content.  So you can add some space characters into table cell to increase its acutal width.

Another enhancement is to auto enlarge table cell (and table) if the table cell is not big enough to hold the newly embedded element.  This feature will be activated after you hold right key to drag an element into the table.  If you want to use this feature, please make sure to turn on the “Auto resize eement after editing its content” option in the settings window.

Smart Focusing after Zoom In/Out

In previous version, after zooming in or out, the view will scroll back to top left corner.  If you are editing something on the bottom right corner, you will have to scroll back after zooming.  Now the zooming become smarter:  it will try to restore the center region you were working at; If you have selected some element, it will try to put them in the center of the view.

Proxy Settings

This feature is requested by Kfir Dadosh.  Sometimes ForeUI needs to get data from internet (update checking, download resource etc), so the proxy settings are needed in some cases.  Now you can find the proxy options via menu “Advanced->Settings->Misc Tab”:

Other Enhancements:

  • When try to export DHTML to existed directory, clean the directory first (requested by Hervé Séger via email).
  • Add “Extract from Container” option in context menu for embedded element (requested by Ulrich).

Fixed Bugs:

  • Bug_0188: Table cell with comma will be splited into two cells.   (Thank Ulrich for reporting)
  • Bug_0189: “Element Clicked” event is not triggered when clicking the table row.   (Regression in V2.22, thank Kenneth Young for reporting)
  • Bug_0190: Do nothing in table editor and press ok button, the table is marked as “modified” (while actually it is not).
  • Bug_0191: Table element may contain broken reference to deleted element, which cause error in DHTML generation.
  • Bug_0192: Rename embedded element will make it dispear from the container.
  • Bug_0193: Hand drawing theme should respect the background color of button element.  (Thank John Giddings for reporting)
  • Bug_0194: The action indicator (red flag) on Table element is not clickable (regression in V2.22)
  • Bug_0195: Should not resize table after editing if “auto resizing option” is off, or preferred size is not bigger than current size.
  • Bug_0196: Duplicate page with table that contains multiple embedded elements, some embedded elements may dispear (Kenneth Young reported via email).