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.
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.
In this blog post, I am going to show you how to bring UIkit, a modern modular front-end framework to your next XPages web application.