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 zooming

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).

ForeUI V2.20: Zoom In and Zoom Out

Hi everybody, it is Monday again :-)   This time we bring you the zoom in/out feature, which will help you a lot when you want to tweak the details of the wireframe or preview the whole design.   The V2.20 also contains some enhancements and bug fixings (see below).

Zoom In / Out

This feature is requested by Jeffrey Werner about 6 month ago, and we also received similar requests from other channels (email, twitter etc.).  Now you can choose the zooming scale from the list at the bottom right corner, you can also input any percentage value for zooming:

 It is also possible to change the current zooming scale from the menu:

As you can see in the popup menu, you can use hotkeys to change the scale as well:

  • Ctrl =: Zoom In (Cmd = in Mac OS)
  • Ctrl -: Zoom Out (Cmd – in Mac OS)
  • Ctrl 1: Zoom to 100% (Cmd 1 in Mac OS)
  • Ctrl 2: Zoom to 200% (Cmd 2 in Mac OS)
  • Ctrl 3: Zoom to 300% (Cmd 3 in Mac OS)
  • Ctrl 4: Zoom to 400% (Cmd 4 in Mac OS)
  • Ctrl 5: Zoom to 50% (Cmd 5 in Mac OS)

Smartly Update Custom Event Name

This is quite useful enhancement.  When you duplicate an element with some custom event handlers defined, if the custom event name contains the id of the element, the id part will be replaced with new id automatically.

This is quite useful if you need an element has its exclusive custom event:  just use the element id as prefix of the custom event name.  You can pack such an element into custom element, thus it can always handle its own event, no matter how many instances are created.

Here is an example.  It is an interactive slider element (you can download it from the community).  It has its exclusive custom event “TextBox_Slider_AdjustPos”, which starts with the element id “TextBox_Slider”.  So you can create as many instances of it as you want and they will not interfere each other.

Text Editor Placement

In previous versions, the text editor for editing text element is not allowed to exceed the bounds of the plot.  That’s not reasonable and inconvenient.  Now we improve it a little bit and don’t restrict the text editor placement so tough:

Other Enhancements:

  • Ajust the text positioning for all text elements.
  • Do not bring the progress window to top when exporting in progress.  (Thank Remco Douma’s suggestion)
  • Show warning message when trying to load a plot created by higher version.  (Thank Tim’s suggestion)

Fixed Bugs:

  • Bug_0180: Set the date of Calendar element to the last day of the month, all buttons after the date will be filled incorrectly.
  • Bug_0181: Arrow Line element is not rendered properly in simulation.  (Thank Jeremy Kerr for reporting)
  • Bug_0182: TextBox with initial invisible state can not really become visible via “Change Visibility” action.
  • Bug_0183: Add custom element to user-defined element category and restart the software, the category will be lost.  (Thank pohldoug for reporting)
  • Bug_0184: “Set Global Cursor” action does not work for Rectangle and some other elements since V2.17.   (Thank Jeremy Kerr for reporting)