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 in ForeUI

ForeUI V2.80: Many Useful Updates

Dear friends, it has been a while since last update, and this time it is a big one.  This update includes a new language support and many new features and enhancements, with 5 bugs fixed.  This version should be the last one that provides new features before version 3.0 is released (should be Q4 or year 2011).  We may still release some minor updates before v3.0 for bug fixing purpose.

Brazilian Portuguese Language

Now you can choose “Brazilian Portuguese” from the languages list.  Thank Francis Benito Odisi for the translation!

New System Properties, Enhanced “Go to Page” Action and Page Navigator

The page navigator element has been requested many times.  We have planed to integrate the page navigation into simulation framework in 3.0, meanwhile we provide this temporary solution before 3.0 is out.  We added two system properties (Available_Page_Indices and Available_Page_Titles) and enhanced the “Go to Page” action to adapt the solution.  Now the “Go to Page” action can accept property as its parameter:

Finally we created a very useful custom element: Page Navigator.

We create the Page Navigator element with Rectangle, Button, Text Box and Table elements.  You can place it anywhere in your plot, and it will automatically dock itself to the edge of the page.  It provides the buttons for you to switch to previous/next page, and a pop-up list to choose the target page to go.  You can place Page Navigator element on every page, but it is recommended to place it in a master page, thus other pages can share the same element.

If you want to change the docking location of the Page Navigator, you can change the value of “TextBox_HorDock” or “TextBox_VertDock” element.

The Page Navigator element can be downloaded via the “Resource Sharing” button on left bottom corner, or this URL:  http://www.foreui.net/node/94

More Properties and Actions for Accordion

We added the “Recent Expanded Section” and “Recent Collapsed Section” properties for Accordion element.  It is suggested by pohldoug, thank pohldoug for the great idea!

Also we implemented two new actions for Accordion: “Expand Section” and “Collapse Section”.  Thus we can control the accordion with actions.

 

Better Behavior of Element Dragging from Category

We enhanced the behavior of element creation (dragging from element category on left).  Now you can directly drag element into container if you have right mouse button or the CTRL key pressed.  Also the grid snap or object snap will take effect when you drag element into page (although those auxiliary lines are not painted, for performance consideration).

“Set Tree Node Value” Action for Tree

This new action for Tree element can dynamically change the content of any tree node.  Both the row index and the value support properties:

Download Printable User Manual

Now the paid user can download the printable PDF user manual from the “Help” menu.

The downloaded manual has the same content with our online document:  http://www.ForeUI.com/doc/

Other Enhancements:

  • Moving/resizing elements in scrollable container become easier.
  • Auto complete font selector.
  • Hold Shift key and start dragging, will force to enter the drag selecting mode.
  • Avoid exporting CSS alpha filters in DHTML if element’s opacity is 100%.

Fixed Bugs:

  • Bug_0302: Scrollable Container can not accept any element again if all embedded elements are removed or extracted.
  • Bug_0303: Define “Set Global Property” action to set an in-existent property, then define that property in “Global Property” window.  The action will not update when externally rename that property.
  • Bug_0304: Could not embed element into container that overlaps on a bigger container.
  • Bug_0305: The property in “row” or “column” field of “Set Table Cell Value” action is not updated when the property is renamed.
  • Bug_0306: Can not drag custom element from category to working area in Mac OS (V2.70+).

New Documentation Online!

Hello everyone, recently we were working on the new documentation of ForeUI, and now it is online!  The new documentation has much more content than then previous document.  It includes about 200 pages and have all features introduced, and you will find the full reference for all elements, events, flow controls, actions and properties.  You could also make good use of the keyword index and full text searching tool.

We will keep improving the documentation.  If you have any comment or suggestion on it, please feel free to contact us.

ForeUI V2.77: French and Spanish Language Support

Dear friends, we just released ForeUI V2.77 this morning.  This version includes the support for two more languages, two enhancements on usability, and two bugs fixings.

French and Spanish Support

In the new version you can select French or Spanish language in the settings window.

The French translation is made by Monaury Cecile, and the Spanish translation is made by Ernesto E. Bravo Cardoso.  They are all volunteer contributors and we really appreciate their great work.  Thank you Monaury Cecile!  Thank you Ernesto E. Bravo Cardoso!

Hold Control Key to Drag

Many Mac users are using one-key magic mouse, so they could not RIGHT drag element into container.  We accept Eric’s suggestion and make this enhancement: you can press the Control key on keyboard to simulate a right drag.

Keep Element’s Position when Newly Embedded

In previous versions, if you embed an element into an empty container, no matter at what position you embed it, the embedded element will be moved to the left-top cornor.  Some may say this annoying behavior should be a bug.  Anyway it is improved (or fixed) now: the newly embedded element will stay where it was.

Fixed Bugs:

  • Bug_0300: Table’s initial selection offsets one row in simulation (since V2.72).
  • Bug_0301: Image dock’s scrollable area does not match its content.  Thank Mark’s report for this problem.

ForeUI V2.75: More Facilities for Accordion

Hi everyone,  I am glad to announce that ForeUI V2.75 is released today!   This update is focus on enhancing the Accordion element, some enhancements to improve usability is made, and 3 bugs are fixed.

New Action and Properties for Accordion

We took the suggestion from Ben and add a new action named “Set Section Title”, which can change the Accordion’s section title dynamically.  A new array property named “Section Titles” is available and now we can get the title text from certain section.  An “Index of First Expanded Section” property is added to facilitate getting the current section for Accordion in “single expansion” mode.  Below is an example to make use of all these new action and properties, you can also run its DHTML version in browser:

Some Enhancements on Usability

Now the tab for current editing plot will show the “x” button (close button) without mouse hovering, and you can close the current plot from the “File” menu.  Thank David Mabelle’s suggestions for these via email.

We added a new option in the settings window, under the “Edit” tab, to turn on/off the instructional tooltips in ForeUI.  What is instructional tooltip?  It is the floating message as show below, which prompt the possible manipulation.

However it became kind of annoying to experienced users, so we provide the option to turn it off.  Thank David Kjos’s suggestion for this.

Fixed Bugs:

  • Bug_0297: When List/Menu/MenuBar/Tabs/VerticalTabs/Tree/ComboBox has no selected row, its “selectedIndex” property value should be 0 instead of -1 in simulation.
  • Bug_0298: MenuBar with “Element Clicked” event handler meets error in simulation if “Selection Changed” event is not handled.
  • Bug_0299: Embedded ComboBox has no selectedText property value until explicitly select an item.

 

ForeUI V2.72: New Events, Actions and Properties

1

Hello everyone, today we just released ForeUI V2.72!  This version provides some new events, actions and properties.

New Actions and Properties for Table

We have implemented 3 new actions to append, insert or delete data row for the Table element, as shown below:

Also there are two new properties available for Table  element:

What’s more, we made an enhancement on the “Table Cell Values” property, thus you can use variable (property) as the row or column index for the array.  With all these new facilities, we could use Table element as data reposition, to read/write real data in the prototype.  Thank Alan Finger’s suggestions on these.

Here is an example to make use of these facilities, you can also review it here:

New Event and Properties for Accordion

We added a new event named “Section Expanded/Collapsed” for the Accordion element.  This event will be triggered when you clicked on the header of section and expand/collapse the section.  Thank Tim’s suggestion on this.

What’s more, 2 new properties are available for Accordion.  They are “Section Count” and “Section Expanded Flags”.

Using these newly added event and properties, you could find out which section is expanded or collapsed.  The animation below is an example and you can also review it here:

“Note” Property for All Elements

Now with this new property, you can access the note for element during the simulation.  This property exists in all elements.  Thank Tim’s suggestion.

“Loaded as Master Page” Event for Pages

Any page can be used as master page.  However the “Page Loaded” event will not be triggered if the page is just loaded as master page.  So we add the “Load as Master Page” event for page.  It will be triggered when the page is loaded as master page.   Thank Tim’s suggestion.

Fixed Bugs:

  • Bug_0295: Reduce the height of a table row and make it smaller than the default value, the change could not take effect in simulation.
  • Bug_0296: When Table has no selected row, its “selectedIndex” property value should be 0 instead of -1 in simulation.