We are going to start our summer holidays from next week, and it will last 1 month. Xavier and I will still allocate about 50% bandwidth to work in a “lite” mode for technical support or document writing. So the support forum and our email will still work, so don’t hesitate to talk to us.
We will release ForeUI V2.37 today, and skip an update after two weeks, so the V2.40 will be most probably released after one month.
Hello everyone, ForeUI V2.35 is available now 🙂 This new version makes the Spinner (or say: stepper) element interactive, which allow you to specify its value in simulation. Also this version introduces some new hotkeys to accelerate the manipulation. 7 bugs are fixed.
This element existed from the first version of ForeUI, but it was not interactive until now. You can enter all allowed values of the spinner (one row one value), and specify the current value in editing mode. Then you can really interact with the spinner in simulation, you can click the small up and down buttons to change its value, you can also retrieve its current value via the “value” property of the element.
You will find a new property for the current value of the spinner:
From this version ForeUI supports the hotkeys below:
Like the spinner, the ComboBox element supports the “selectedText” property now.
Fixed Bugs:Hi everyone, new version again 🙂 This release bring us a new “Scrollable Container” element which can make things scrollable. Also there are more new features and enhancement, please read on.
ForeUI provides the scrollbar element from the first version, however the scrollbar is not interactive and you could not really scroll content. From V1.90 the table element supports content scrolling, and the table can be used as a container from V2.22, thus you can use the table element as a scrollable container, however the table element does not support vertical scrolling yet. So we implement a new scrollable container element in this version, which allow you to make any element scrollable.
Just like the table element, you can hold the right key and drag element into the scrollable container. Please remark that only one element can be embedded into the scrollable container, if you want to make complex content scrollable, you can group the content together and then add the group into the container.
The rectangle element supports rounded corner from V1.45. From this new version, you can show/hide each rounded corner of the rectangle, like this:
It seems like a small feature but it is really useful, as you can create more new shapes now:
From this version we include a new example plot named “Fwitter”. It is a complex, high-fidelity prototype which simulate the UI and behavior of Twitter. You can sign up, sign in, browse, search or even “post” new content. This example is so big that will take some time for loading if you like to preview it online. So it is recommanded to download and run it locally, you can find it in the community site. This example is also included in the latest install package.
I’ve just submitted a new version of iPhone app mockup library in the community site. This version contains 28 elements for iPhone app wireframing.
Title bar, search bar, slider, progress bar, tabs… All these new elements are very useful for creating iPhone app mockup. Some of them are even interactive, which means you can interact with them in the DHTML simulation.
All elements in this library are created with some basic elements in ForeUI. You can create your own element, even the interactive element can be defined by adding a few event handlers.
You can download the library in ForeUI, just click the “Resource Sharing” button on bottom left corner to open the community window:
Then you can download the library by clicking the “Download ” link, as shown in figure below:
The library will be deployed automatically after the downloading, and you will find a new “iPhone_Widgets” element category on the left of ForeUI window. Then you can use the new elements inside for iPhone app wireframing.
Also you can download the library from our community website, but you would need to deploy it by yourself, the .fcl is a ZIP file, which contains 28 .fce files inside.
Using the new iPhone elements is quite easy, just drag the elements from the left list into the editing area. Nothing different than using other elements.
Actually we can use these iPhone elements to create two kinds of mockups for iPhone app:
The difference is whether to include the iPhone shell. The mockup without iPhone shell allows you to run the 1 : 1 simulation on iPhone, which provides the experience that close to the real app.
Recently I’ve created an interesting mockup for a “Guess the Number” game in iPhone, you can also find it in the community window or here. If you run its simulation on PC, you will see the simulation like this:
It’s cute since you can really play with it, although it doesn’t look like an iPhone app. But if you launch the simulation in iPhone web browser, things become much more interesting, you can really play the “app” on your iPhone!
Want to try it on your iPhone? That’s easy, if you are browsing this page with iPhone, just click here to launch the simulation.
Something need to mention:
Here I am showing an extreme example, not only the GUI but also the logic of the game is simulated in the mockup. In actual cases, you need to make a compromise between the mockup details and the workload of prototyping.
Dear friends, today we release ForeUI V2.30 as we scheduled. This version bring us a better resource view from community site and a new text editor for TextBox editor. Some useful enhancements and bug fixings are included.
In previous versions, the resource view in the community window can list only 3 resources a time, that’s far from enough. Now we have redesigned the resource view and it can list more resources in a page. What’s more, the new resource view provides more interesting features:
Also you can launch these features from web browser (visit http://www.ForeUI.net/):
This feature is suggested by Jeremy Kerr. The new editor allows you to explicitly change the width of the editor (and the TextBox), the text content will be wrapped automatically. Comparing with the old editor, this one can handle big paragraphs copy & paste much better.
If you drag the resizer of the right to change editor size, the editing TextBox will also be resized after the editing.
Embedded Element Selection ArithmeticNow selecting element in container (group or table) become easier. We change the arithmetic to make sure every element can be selected even they are overlapped. The animation is an example for embedded element selection: The 4 text labels are overlapped and they are packed into a group, clicking the center area can select any one of them.
Other Enhancements: