@@ -57,21 +57,20 @@ should occupy. Typically, all visible components are mapped on the available spa
57
57
In a Jenkins view we have a fixed header and footer and a navigation bar on the left
58
58
(20 percent of the horizontal space). The rest of a screen can be used by
59
59
a details view. In order to simplify the distribution of elements in that remaining space we use
60
- https://getbootstrap.com/docs/4.4 /layout/grid/[Bootstrap's grid system].
60
+ https://getbootstrap.com/docs/5.1 /layout/grid/[Bootstrap's grid system].
61
61
62
62
.Jenkins layout with a details view that contains a grid system
63
63
[#img-grid]
64
64
image::grid.png[Grid layout in Jenkins]
65
65
66
66
That means, a view is split into 12 columns and and arbitrary number of rows. This grid system is simple to use
67
67
(but complex enough to also support fancy screen layouts) - I won't go into
68
- details here, please refer to the https://getbootstrap.com/docs/4.4 /layout/grid/[Bootstrap documentation]
68
+ details here, please refer to the https://getbootstrap.com/docs/5.1 /layout/grid/[Bootstrap documentation]
69
69
for details.
70
70
71
71
For the forensics detail view we use a simple grid of two rows and two columns. Since the number of columns always is 12
72
- we need to create two "fat" columns that fill 6 of the standard columns.
73
- In order to create such a view in our
74
- plugin we need to create a view given as a jelly file and a corresponding Java view model object. A view with this layout
72
+ we need to create two "fat" columns that fill 6 of the standard columns. In order to create such a view in our plugin we
73
+ need to create a view given as a jelly file and a corresponding Java view model object. A view with this layout
75
74
is shown in the following snippet:
76
75
77
76
[source,xml,linenums]
@@ -152,7 +151,7 @@ to get a consistent look and feel in Jenkins' plugin ecosystem.
152
151
[#img-card]
153
152
image::card.png[Card examples]
154
153
155
- Note that the size of the cards is determined by the grid configuration, see <<boostrap-grid >>.
154
+ Note that the size of the cards is determined by the grid configuration, see section <<Grid layout >>.
156
155
157
156
You can find several examples of Jenkins views that use jQuery in the
158
157
https://github.com/jenkinsci/warnings-ng-plugin[Warnings Next Generation plugin]
0 commit comments