This next series of blog posts will show you how you can create modern web layouts with UIkit in XPages using 3 special custom controls that we are going to make in the next articles. The aim is to be able quickly create and modify layouts like this example.
I promise you that this article is not a click bait. I am hopeful that somebody can help me and solve this serious problem. I will show you in this article that with the attached simple XPage application you can render Domino Designer practically unusable.
Today, we’ll look at the advanced features of the UIkit grid. These features include nested grids, grid dividers, source ordering, matching column heights and adding margins dynamically to breaking columns.
The bread and butter of a responsive front-end framework is the grid system. This is the area where uikit is most different from Bootstrap. While Bootstrap uses a 12-column system, UIkit uses only 10, but it is actually more versatile than Bootstrap.