In VisualNEO Web, everything you add to your app (text, pictures, buttons, etc.) is considered an object. An object is created using the tools found on VisualNEO Web’s Tool Palette. Once created, objects can be selected, moved, resized, edited and deleted. (Specific information about the different kinds of objects available in VisualNEO Web can be found here.)


Use the Tool Palette’s Selection Tool to select, move and resize an object. Click on an object using the left mouse button to select it. Select multiple objects by holding down the Shift key while clicking on additional objects, or by clicking and dragging the mouse to surround the desired objects in a rectangle. Selected objects will be surrounded with small, blue handles.



Once selected, an object or group may be moved by clicking on the object with the left mouse button, then dragging the object or group to a new location before releasing the mouse button. To resize an object, simply click and drag one of the object’s selection handles. Holding down the Shift key while resizing an object retains the object’s relative shape. Selected objects also can be cut or copied to the Windows Clipboard, or they can be removed from the app by pressing the Delete key.


Use the Property List to modify the selected object's physical attributes. Each property consists of a name on the left and an editable value on the right. Changing the value of some properties require typing into a text box, while others allow you to select options from a drop-down menu. A check box is provided for properties that require a boolean (true or false) value. The properties displayed in the list will change depending on the type of object selected. If multiple objects are selected, the Property List will contain only properties common to all selected objects. Any changes made will be applied to all selected objects.



The tabs at the top of the Property List are used to switch between the object's Static Properties and CSS Style Properties. The CSS style properties are primarily used to override an object's default attributes like color, font, border, etc. Some types of objects allow you to specify different CSS styles for their normal, hover and focus states. These are often referred to as pseudo-classes. The 'hover' style is applied at run time when the mouse pointer passes over the object. (For mobile apps, the 'hover' style generally has no effect.)




CSS Properties and Classes in VisualNEO Web:




In addition to their visual qualities, most types of objects can also be used to perform tasks. Each object performs its tasks based on special instructions which tell VisualNEO Web what to do – these are called Actions. Actions assigned to objects are executed in response to specific events, including tapping or clicking, moving the mouse, pressing a key on the keyboard, etc. Not all objects are sensitive to all types of events. For example, Push Buttons can execute Actions when tapped or clicked or when the mouse passes over the object, while Timer objects are oblivious to mouse activity. To access events associated with an object, you can double click the object with your mouse or you can select the Mode Selector's Code or Split tabs.



Events supported by the selected object can be accessed using the tabs at the bottom of the Action Editor. Each event can have its own set of actions - or none at all for events that are not needed. Additional information about object events and the Action Editor can be found here.