JSF
Resourcen
https://stackoverflow.com/questions/11988415/what-is-the-jsf-resource-library-for-and-how-should-it-be-used
Checkboxes in Zeilen ausgeben
Let all table cells float left as block elements and clear the float every Xn+(X+1) child, where X is the number of columns. To keep all nicely in line, make
sure white space don't wrap and that the width is exactly 100%/X taking into account that box sizing covers padding+border.
In other words, given a:
<h:selectManyCheckbox styleClass="grid">
You can create a 3-column grid as below:
.grid td {
display: block;
float: left;
white-space: nowrap;
width: 33.3333333333%;
box-sizing: border-box;
}
.grid td:nth-child(3n+4) {
clear: left;
}
And a 4-column grid as below:
.grid td {
display: block;
float: left;
white-space: nowrap;
width: 25%;
box-sizing: border-box;
}
.grid td:nth-child(4n+5) {
clear: left;
}
And a 5-column grid as below:
.grid td {
display: block;
float: left;
white-space: nowrap;
width: 20%;
box-sizing: border-box;
}
.grid td:nth-child(5n+6) {
clear: left;
}
Bild rund ausgeben
My 2cents because the comments for the only answer are getting kinda crazy. This is what I normally do. For a circle, you need to start with a square. This code
forces a square and will stretch the image. If you know that the image is going to be at least the width and height of the round div you can remove the img
style rules for it to not be stretch but only cut off.
<html>
<head>
<style>
.round {
border-radius: 50%;
overflow: hidden;
width: 150px;
height: 150px;
}
.round img {
display: block;
/* Stretch
height: 100%;
width: 100%; */
min-width: 100%;
min-height: 100%;
}
</style>
</head>
<body>
<div class="round">
<img src="image.jpg" />
</div>
</body>
</html>
Option für select item aus datenbank
https://stackoverflow.com/questions/6848970/how-to-populate-options-of-hselectonemenu-from-database/6850681#6850681
primefaces jsf custom style
https://stackoverflow.com/questions/8768317/how-do-i-override-default-primefaces-css-with-custom-styles