On my current project I use bootstrap to make the whole app responsive.
For some forms I needed a date and time picker, so my first stop is Mark Leusink’s Bootstrap4XPages demo website, where I discovered a date and time picker.
After some trying to get the styling right, I turned to google to find me an alternative.
And I found an alternative, bootstrap-datetimepicker. It contains a date and time picker.
[dropshadowbox align=”none” effect=”lifted-both” width=”400px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]
[/dropshadowbox]
[dropshadowbox align=”none” effect=”lifted-both” width=”400px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]
[/dropshadowbox]
Implement it in a XPage.
I have created 2 custom controls, 1 for a time picker and 1 for a date picker, and added a few properties to make it reusable.
The code for the date picker looks like,
[dropshadowbox align=”none” effect=”lifted-both” width=”600px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]
[/dropshadowbox]
To trigger the datetimepicker code, there is only a few line of code needed.
[dropshadowbox align=”none” effect=”lifted-both” width=”300px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ]
[/dropshadowbox]
Hello,
this is a good work..but when you save the XPages form to Domino…the value is ok?
Thanks, The save cause no problems on Domino, because I do saveDocument and second I call the updateProperty method of the PropertyHandler bean who will update it reference in the TreeMap