Skip to content

Commit c329a28

Browse files
committed
MC-3150: Update dev docs for row appearances
- Update docs for new master format for contained rows
1 parent 0dc1141 commit c329a28

File tree

1 file changed

+22
-10
lines changed

1 file changed

+22
-10
lines changed

app/code/Magento/PageBuilder/docs/master-format.md

Lines changed: 22 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,27 @@ PageBuilder uses XHTML with inline styles and data attributes as the master form
6060

6161
## Row
6262

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:
6384
```
6485
<div data-element="main" data-role="row" data-appearance="contained" style="..."></div>
6586
```
@@ -69,7 +90,7 @@ PageBuilder uses XHTML with inline styles and data attributes as the master form
6990
Attributes
7091
1. data-element [main]
7192
2. data-role [row]
72-
3. data-appearance [contained, full-width, full-bleed]
93+
3. data-appearance [full-width, full-bleed]
7394
4. data-enable-parallax [1, 0]
7495
5. data-parallax-speed [0-1]
7596
6. data-background-color-format [hex, rgb, hsl, hsv, name, none]
@@ -94,15 +115,6 @@ Inline styles
94115
16. display
95116
17. flex-direction
96117

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-
106118
## Column group
107119

108120
```

0 commit comments

Comments
 (0)