Smart IDE

WorkWithPlus has a unique IDE for working with WorkWithPlus for Web and Native Mobile. In this IDE you will visualize each object generated by some transaction in different Tab so that you can navigate through these objects in an easier way.

Also, you have to option to have a real-time Preview. So, each time you make a change within the instance the Preview will be updated.
This IDE is available in GeneXus X Evolution 2 or higher.

Example of IDE in a transaction's instance

SmartIDEforGxEvoluton2AndHigherImg01

If you make click over an item in the Preview (attribute, textblock, etc.), you will be able to modify its properties. This is the same as clicking in the item´s node, but in many cases, it's faster and simpler for developers:

SmartIDEforGxEvoluton2AndHigherImg02

This IDE has actions that are at the top right actions (detailed below) and also has actions that can be made directly there using a toolbar and making hover to the controls. Some of these actions are:

  • Insert new controls from the toolbar

Preview_InsertTB

  • When positioning the cursor on an element, the selected element will be highlighted. You can choose whether to highlight it permanently, for some seconds or not highlight it at all

PreviewHighlightItem

  • Change the title, caption, description of attributes, variables, textblocks, panels, buttons, etc. As you can visualize, each control in the form has a set of options, which is shown when making a hover over the control.

Preview_ChangeTitle

  • Drag & Drop elements within the form, and also in a grid in order to reorder them. As for attributes and variables within a grid, you can easily change the alignment of the column, the look & feel of that column, or its title, among other features.

Preview_GridActions

If you make double click in any Tab (Selection, Prompt, View, etc.), the associated object will be opened:

SmartIDEforGxEvoluton2AndHigherImg03

SmartIDEforGxEvoluton2AndHigherImg04

There are two icon buttons. These actions are always located at the right top corner:

SmartIDEforGxEvoluton2AndHigherImg05

The configuration button is contextual, so, depending on which node is selected will be the options available on them.

SmartIDEforGxEvoluton2AndHigherImg06

SmartIDEforGxEvoluton2AndHigherImg07

Example of IDE in a web panel's instance

SmartIDEforGxEvoluton2AndHigherImg08

The Web Panel instances also contain the configuration button, which contains the following options:

SmartIDEforGxEvoluton2AndHigherImg09

WorkWithPlus Settings IDE

The WorkWithPlus Settings, which contains global properties, the transaction templates, and the Web Panel templates, has also an IDE:

SmartIDEforGxEvoluton2AndHigherImg10

The options available are the same as the ones shown in the settings tree.

General Properties Tab groups the following nodes:

SmartIDEforGxEvoluton2AndHigherImg12

There are two contextual actions. So, depending on which tab is selected will be the options available on them. These actions are always located at the right top corner:

SmartIDEforGxEvoluton2AndHigherImg11

For example, when you are visualizing a Web Panel template, the options available for the action 'settings' are the following:

SmartIDEforGxEvoluton2AndHigherImg13

Dock - Undock Preview at Real-Time

Using the unique WorkWithPlus IDE for GeneXus X Ev2 the option to dock or undock the real-time preview has been added.
 
If you click in the option to undock into separate window you will have real time preview undocked:

SmartIDEforGxEvoluton2AndHigherImg14

SmartIDEforGxEvoluton2AndHigherImg15

Then, you can also return to have the preview docked by clicking in the 'settings' icon, Preview -> Dock to main window.

The difference between the Preview of previous versions of WorkWithPlus and the new Preview is that with any change made in the instance the preview will be updated automatically and at real-time. So, if you have two monitors for example you could have in one window the IDE of GeneXus and in another one the Preview.