Wednesday, 25 May 2016

Bootstrap Plugins in XPages Part XI - Using Node.js, Bower, Git and SourceTree to install Bootstrap Plugins (3)

In the previous blog posts I described the basic structure of the environment needed to install Bootstrap Plugins in an XPages using Bower, Git and SourceTree and how to setup Source Control for an XPages Application. Based on a comment by Eric McCormick I made some adjustments regarding the last blog post and put the ODP in a subdirectory of the Git project directory, so the .git directory will not be synced with the NSF. Below is a description of this change. A big thank you to Eric McCormick for his input and explanation.

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 V : jQuery and JavaScript AMD (Asynchronous Module Definition) Fixes
Part VI : jQuery and JavaScript AMD (Asynchronous Module Definition) Fixes (2)
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.

No comments:

Post a Comment