@@ -60,6 +60,27 @@ PageBuilder uses XHTML with inline styles and data attributes as the master form
60
60
61
61
## Row
62
62
63
+ #### Contained:
64
+ ```
65
+ <div class="row-contained" data-element="wrapper" data-role="row" data-appearance="contained">
66
+ <div style="..."></div>
67
+ </div>
68
+ ```
69
+
70
+ ### wrapper element
71
+ 1 . data-element [ main]
72
+ 2 . data-role [ row]
73
+ 3 . data-appearance [ contained]
74
+
75
+ ### main element
76
+
77
+ Attributes
78
+ 4 . data-enable-parallax [ 1, 0]
79
+ 5 . data-parallax-speed [ 0-1]
80
+ 6 . data-background-color-format [ hex, rgb, hsl, hsv, name, none]
81
+ 7 . class
82
+
83
+ #### Full Width & Full Bleed:
63
84
```
64
85
<div data-element="main" data-role="row" data-appearance="contained" style="..."></div>
65
86
```
@@ -69,7 +90,7 @@ PageBuilder uses XHTML with inline styles and data attributes as the master form
69
90
Attributes
70
91
1 . data-element [ main]
71
92
2 . data-role [ row]
72
- 3 . data-appearance [ contained, full-width, full-bleed]
93
+ 3 . data-appearance [ full-width, full-bleed]
73
94
4 . data-enable-parallax [ 1, 0]
74
95
5 . data-parallax-speed [ 0-1]
75
96
6 . data-background-color-format [ hex, rgb, hsl, hsv, name, none]
@@ -94,15 +115,6 @@ Inline styles
94
115
16 . display
95
116
17 . flex-direction
96
117
97
- All 3 appearances share the same master format template
98
- ``` html
99
- <div attr =" data.main.attributes"
100
- ko-style =" Object.assign(data.container.style(), data.main.style())"
101
- css =" data.main.css" >
102
- <render args =" renderChildTemplate" />
103
- </div >
104
- ```
105
-
106
118
## Column group
107
119
108
120
```
0 commit comments