Home
HCL Domino Designer XPages User Guide
This guide focuses on the aspects of creating applications using XPages technology.
Designing XPages applications
HCL Domino® Designer provides the means to populate an XPage with controls and other artifacts, and to associate an XPage with data stores.
Responsive web design support in XPages
The XPages Extension Library supports Bootstrap, a Responsive Web Design (RWD) framework. This support comes in the form of an XPages Responsive Bootstrap plugin that you can use in your XPages applications.
Using the Select2 control with the responsive design feature
The Select2 control lets you limit the number of items that can be selected in a multi-select control. You can use the Select2 control in combination with the responsive design feature.

HCL Domino Designer XPages User Guide
This guide focuses on the aspects of creating applications using XPages technology.
- Product overview
  HCL Domino® Designer supports applications development for the HCL Domino platform using XPages, forms, views, and other elements such as controls.
- Tutorials
  This section contains tutorials and information about tutorials.
- Administering applications
  HCL Domino Designer provides features for administering and managing your work and related files while developing your application projects.
- Designing XPages applications
  HCL Domino® Designer provides the means to populate an XPage with controls and other artifacts, and to associate an XPage with data stores.
  - Previewing and running XPages
    XPages run in Domino® server and Notes® client environments. From Domino Designer, you can preview XPages in both environments.
  - Adding controls
    Controls are visual elements such as edit boxes, buttons, images, and text that allow users to manipulate data on an XPage.
  - Adding controls from the XPages Extension Library
    The XPages Extension Library provides additional controls ready to use. The controls include an application layout object, an improved dialog, pickers, in place forms, Dojo components, dynamic content, and much more. The controls support enhancements to the Domino(r)® templates.
  - Binding and submitting data
    The data store for XPages is Domino®. You can access the data store through Domino forms and views.
  - Adding images, styles, and themes
    You can enhance your design with images, styles, and themes.
  - Responsive web design support in XPages
    The XPages Extension Library supports Bootstrap, a Responsive Web Design (RWD) framework. This support comes in the form of an XPages Responsive Bootstrap plugin that you can use in your XPages applications.
    - Configuring the Application Layout control to use responsive design
      The XPages Responsive Design plug-in adds a renderer for the Application Layout control and a new Application Configuration complex type for the control.
    - Using the Application Layout wizard with responsive design
      To assist with using the responsive design Bootstrap theme, the Application Layout control provides a two page Application Layout wizard.
    - Using glyphicons as part of responsive design
      Instead of graphics and image files, the responsive design feature uses glyphs from the glyphicon font file for icons wherever possible in the XPages and Extension Library controls
    - Using jQuery as part of responsive design support
      jQuery is a JavaScript Library that simplifies HTML document navigating, event handling, animating, and Ajax interactions used in web application development.
    - Using the Select2 control with the responsive design feature
      The Select2 control lets you limit the number of items that can be selected in a multi-select control. You can use the Select2 control in combination with the responsive design feature.
    - Using responsive design controls, properties, and layouts
      To assist with creating applications that support a responsive design, Domino Designer provides exclusive responsive design controls, properties, and layouts.
- Designing composite applications
  You can create composite applications from XPages.
- Programming
  XPages uses JavaScript™ for programming while the forms-based design elements use the formula language, LotusScript®, Java™, and JavaScript.

Using the Select2 control with the responsive design feature

The Select2 control lets you limit the number of items that can be selected in a multi-select control. You can use the Select2 control in combination with the responsive design feature.

The Select2 control from the Bootstrap4XPages (B4X) project is not included in the XPages Responsive Bootstrap plugin. However, it is still possible to use the Select2 control in combination with the current responsive design features. Use the following steps to do this:

Make sure that you have installed both the latest ExttLib and the Booststrap4XPages project to your server and Domino® Designer
Check to make sure that the ExtLib and B4X libraries are selected in your application's xsp.properties
Switch to one of the responsive themes available from the responsive plugin.
With the Bootstrap4XPages (B4X) library enabled, you can use the Select2 control in the same way you have used it before with the themes now provided by the responsive plugin. Refer to the Bootstrap4Xpages documentation on the web for more details on how to use the Select2 control.