Bootstrap Plugins in XPages
Part I : Bootstrap-select - A jQuery plugin that utilizes Bootstrap's dropdown.js
Part II : Bootstrap FileStyle - Customization of input file for Bootstrap
Part III : Dialog Boxes using Bootbox
Part IV : Awesome Bootstrap Checkbox
Part VII : MagicSuggest A Multiple Selection Combobox
Part VIII : Bootstrap Maxlength
Part IX : Using Node.js, Bower, Git and SourceTree to install Bootstrap Plugins (1)
Part X : Using Node.js, Bower, Git and SourceTree to install Bootstrap Plugins (2)
1. Create new XPages Application
First create a new XPages Application in the DDE (File - Application - New).
2. Create Local Folders
On your system create a local Folder SourceControl. This will be the local repository. The folder can be created, for example, in the My Documents directory. Next create in the SourceControl folder a new folder Git and a new folder Hg. Open the Git folder and create a new folder BowerForXPages. Open the BowerForXPages folder and create a sub-folder Bower4XPagesODP. The ODP is placed in a subdirectory of the Git project directory so the .git directory will not be synced with the NSF.
3. Domino Designer - ODP
Next step is to setup the BowerForXPages application for Source Control in the Domino Designer. Open the DDE and select Team Developement - Set Up Source Control for this Application.
The screen below appears.
Select Next. Enter a Project name. Deselect the option 'Use default location' and enter the folder location (the Folder created in step 2).
Select Finish. The folder should now look like this.
In the Package Explorer in the DDE the ODP is created and associated with the NSF.
In the next blog post the final steps will be described, setting up SourceTree and the installation of the Bootstrap plugins using Node and Bower.