Widget Columns and Galleries
Sizes
There are built-in supported sizes and also custom sizes.
Built-In
The built-in are:
Halves
1-2
Thirds
1-3
2-3
Quarters
1-4
3-4
Fifths
1-5
2-5
3-5
4-5
5-5
Sixths
1-6
5-6
Eighths
1-8
3-8
5-8
7-8
Twelfths
1-12
5-12
7-12
11-12
1-2
Thirds
1-3
2-3
Quarters
1-4
3-4
Fifths
1-5
2-5
3-5
4-5
5-5
Sixths
1-6
5-6
Eighths
1-8
3-8
5-8
7-8
Twelfths
1-12
5-12
7-12
11-12
Twenty Fourths
1-24
2-24
3-24
4-24
5-24
6-24
7-24
8-24
9-24
10-24
11-24
12-24
13-24
14-24
15-24
16-24
17-24
18-24
19-24
20-24
21-24
22-24
23-24
24-24
1-24
2-24
3-24
4-24
5-24
6-24
7-24
8-24
9-24
10-24
11-24
12-24
13-24
14-24
15-24
16-24
17-24
18-24
19-24
20-24
21-24
22-24
23-24
24-24
Custom
You may create a custom size for your website by defining it in your CSS, for example if you entered “my-size” then the CSS would be:
.pure-u-my-size {
width: 29%;
}
``` xml example
<dcm.GalleryWidget Path="/examples/simple/board" Size="My-Size">
The value in Size gets converted to lowercase and then
pure-u-
is tacked on front to create a class. Then define that class in your css file, custom sizes are easily made.
Collapse
- TODO
how does collapse work, examples
note how a simple style can change collapse from 4 to 2, don't always have to go from 4 to 1 (or many to one)