Currently I am working on a XPages app where I make use of Bootstrap to make it responsive.
For certain reasons I am not using the Bootstrap4XPages plugin.
Out of the box the view panel looks very ugly in a Bootstrap UI.
[dropshadowbox align=”none” effect=”lifted-both” width=”500px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ][/dropshadowbox]
So I started to look around for some code to make a custom renderer, without success. What I found was Bootstrap CSS classes on the GetBootstrap website, and then especially the table css.
First I added ‘table table-hover’ directly to my view panel as ‘dataTableStyleClass’ property. After rebuilding the XPages app the result was good.
[dropshadowbox align=”none” effect=”lifted-both” width=”500px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ][/dropshadowbox]
To assign this result to all my view panels in this XPages app, I added the control with the style class to my custom theme.
[dropshadowbox align=”none” effect=”lifted-both” width=”500px” height=”” background_color=”#ffffff” border_width=”1″ border_color=”#dddddd” ][/dropshadowbox]
Like the way you implemented that using the theme.
I’m curious about the reasons why you didn’t use the Bootstrap4XPages plugin. I hope it was an admin thing and not about functionality.
No it has nothing to do with missing functionality. The plugin gave some side affects in my apps styling