Home
Creating and managing applications
Creating and managing applications contains a variety of topics on how to build and efficiently use applications.
Styling your application with a custom theme
Style the colors, fonts, and other characteristics of the application by creating or importing a custom theme.

Creating and managing applications
Creating and managing applications contains a variety of topics on how to build and efficiently use applications.
- Creating an application
  This topic gives a general overview of the application creation process, from opening the HCL Leap interface to launching a completed application.
- Creating an application from an excel spreadsheet
  Leap allows you to create an application from an excel spreadsheet, automatically creating the widgets and importing the data found in the spreadsheet.
- Styling your application with a custom theme
  Style the colors, fonts, and other characteristics of the application by creating or importing a custom theme.
- Upgrading an application design
  The upgrade feature allows an application design to be replaced by a new version.
- Copying items
  Items may be copied from one form to another form within any application.
- Moving items on a form
  Form items are not static after they are added to a form. You can move items around on a single page, duplicate form items, and move items between pages on your form.
- Creating an accessible application
  When you create a form or application, the following information helps you design an accessible form for users with disabilities.
- Enabling dynamic layout
  When you build applications, you can now set the display width of your Leap application. Setting this feature reduces or removes the need for horizontal scrolling when you have an unknown or limited amount of space, such as when the application is displayed in a WebSphere_Portal portlet.
- Globalization features
  The following information describes the languages formatting features supported by HCL Leap .
- Creating rules in your application
  Rules help you gather the correct information from users and organize your information after data is entered in a form. You can create composite rules that govern how your form, and the data in your form behaves.
- Labeling data, performing data analysis, and exporting data
  You can add labels to data elements in your application that become the label in the export file.
- Incorporating web services into your applications
  The following topics describe how to incorporate web services into your HCL Leap application.
- Adding formulas to your application
  You can create and edit formulas to assign values to an item on your HCL Leap form.
- Adding specialized form items
  You can use specialized form items to style text, echo text back, create dynamic lines, or add HTML.
- Managing the files associated with your application
  You can upload a variety of files, such as images, for use with your application. Managing these embedded files is done in the Files section of the Settings tab
- Leap document integration
  Leap's document integration feature lets you use previously built PDF files and populate them with data captured by Leap.
- Adding Stages to an application
  It is often desirable to have an application, or form, transition through a set of phases or stages. At each stage the form might be used by different people in different roles. The form also might be presented in a slightly different manner in each stage, such as having some items or pages hidden, or in a read-only state.
- Deploying applications and viewing data responses
  After an HCL Leap application is built it must be deployed. After it is deployed, you can supply users with the URL of the application so they can launch it. After users submit completed forms, you can view the responses.

Styling your application with a custom theme

Style the colors, fonts, and other characteristics of the application by creating or importing a custom theme.

An application can have one theme; the theme is applied to all forms in the application.
Themes are customized in the Style tab.
Settings made in the General section of the Theme Editor will be applied to specific attributes of all items in your application, but will be overridden by settings made to a more specific item type. For example, settings made in General > Fonts > General can be overridden by values set in General > Fonts > Label Fonts or set in Buttons > Fonts.
A section's background color and border visibility can be set in the item's properties. This will override the theme settings.
Background images maintain aspect ratio, but are stretched to fit the browser window.
During application design, themes, and custom CSS are not applied to your application. To see how your application will display to end users, use the Preview button in either the Theme Editor dialog or the main banner.
Browsers support different font file types (eg. .woff, .woff2, .ttf, eot, and .otf), so when specifying a custom font in your theme, you may need to include multiple font file types for a specific font family in order for it to render in all browsers.
Themes can be exported and then imported into another application.
- To increase the portability of your customized theme, use the option to Maintain a link to the file only for font files and background image, instead of importing them into your application.
Some limitations exist in IE8, including differences around the way IE8 displays background images.
Custom CSS can be used in combination with themes.
- Custom CSS that you have included in your application is applied after all theme styling is applied except when the replace theme checkbox is selected. In this case, the custom CSS is the only styling that is applied to your application. CSS precedence rules still apply though, so some custom CSS may not override all theme settings.
- The Show CSS feature in the Style tab can be used by custom CSS developers to understand the CSS that is being generated by the theme.
- Custom CSS is not applied to the sample form in the Theme Editor dialog but is applied to the sample form in the Style tab.