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 tagged ComboBox

March 13, 2018

ForeUI V4.6: Dynamically Add/Remove ComboBox Item in Simulation

by

ForeUI V4.6 is just released. Since this version, it is possible to dynamically add or remove item for the ComboBox element in HTML5 simulation.

Add/Remove ComboBox Item on the Fly

This is achieved by the two new actions supported by ComboBox element. You can find the “Add ComboBox Item” and “Delete ComboBox Item” actions in the drop down list in “Manipulate Elements…” window:

new_combobox_actions

By invoking these new actions, you will be able to add new item into ComboBox, or remove specific item from ComboBox in the HTML5 simulation. Below is a very simple example to show how to make use of these new actions:

add_remove_item_comobox

With these two actions your HTML5 simulation can show the audience different drop-down list according to previous interactions, and make the simulation much more like the real web application.

Interactive Elements in Edit Mode

Now the Menu, Menu Bar, List and Radio Button Group are interactive elements in edit mode now. It means you can click on these elements and interact with them in edit mode, just like interacting with them in HTML5 simulation. This makes it more intuitive to specify the current selection of these elements in edit mode.

interactive_elem

How to Get the 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.

If your ForeUI license is more than one year old, you may need to renew your license to use this version.

Feature | ForeUI | 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
| |
November 29, 2009

ForeUI V1.80: New Events and Interactive ComboBox

by

Hi everyone, I’m here to proudly announce that ForeUI V1.80 is released today! This version bring us two new events and interactive ComboBox element, with some bugs fixed.

MouseOver and MouseOut Events

Now you can use these two new events in the behavior editor, they will be very useful to implement tooltip or element rollover effect.  The MouseOver event will be fired when you move your mouse cursor over the element; and the MouseOut event will be fired when you move your mouse cursor out of the element’s area.

 mouseoverout_actions  MouseOverOut

Interactive ComboBox

The ComboBox element is improved a lot in this update, it is no longer an image during the simulation, you can now interact with it.  In order to support multiple items, ComboBox element can have multi-line content now, one row for one item, you can assign the default selected item in edit mode.

Edit_ComobBox

When you run simulation, you can click the ComboBox and then the drop down list will be poped up, the ComboBox will have different appearance according to currently used UI theme.

 ComboBox_Simulation  ComboBox_Themes

Other Enhancements

We changed the default state for newly created radio buttons and checkboxes, this is suggested by Ulrich and we really think the “Normal” default state is more reasonable.

Fixed Bugs:

Bug_0114: Can not add more cases after defining the switch branching.  (Thanks Trevor Keegan for reporting)
Bug_0115: The “Element Clicked” event should also be fired when clicking on the Menu element. (Thanks Trevor Keegan again for reporting)
Bug_0116: Should not allow changing plot via Undo/Redo when editing element content.

Trial Duration Changed

BTW, the trial duration is changed to 15 days from this version, you can still contact us to extend the trial for another 30 days 🙂

Feature | ForeUI | Uncategorized | Update
| |