Screenshots

Designing with LiquidApps®: General Concepts

After naming your project, the default LiquidApps® perspective will appear.

You will need to understand the following key concepts as you design with LiquidApps®.

Projects

  • Projects are the base design unit within LiquidApps®.
  • Selected Projects are placed in the workspace when starting LiquidApps®; only one workspace is open at a time in the application.
  • A single workspace can contain multiple projects.
  • All files that you generate are contained within a project.
  • Projects can be imported, exported, opened, and closed.

To design most interfaces using LiquidApps®, you will create screens, add widgets such as buttons, tables, or images, and then assign properties and behaviors to these components. You can also assign properties and behaviors to screens and to files.

Widgets:

Widgets are the building blocks for your interfaces. To add widgets to a screen: Click on the widget you wish to add. Drag and drop it onto the workspace.

Widget Properties

You can assign properties to the widgets in your screens. You can view properties from the Properties view in the project management area.
To apply a property:

  1. Select the widget and place inside project workspace.
  2. Select the property in the Properties view.
  3. In the Properties screen, enter the property value or select the value from a dropdown list.
  4. Press enter, or deselect the widget, and its appearance will reflect the new property.

Widgets are the building blocks for screen designs. These are shown in the Palette and include top containers, containers, and components such as buttons, check boxes, shapes, and text.

The Ribbon, located at the top of the design area, shows some of the most common widget properties, fonts, and formats. The Ribbon houses five widget editors: Font, Format, Border, Transformation, and Layout. Each editor has individual properties that can be applied to certain widgets depending on the designer's needs. To apply a property using the Ribbon, simply select the widget and click on the property shown in the Ribbon.