|
1 | 1 | # Step 3: Extend forms
|
2 | 2 |
|
3 |
| -In this step, you will extend the Banner form (`pagebuilder_banner_form.xml`) by adding a form field for entering a `max-height` value for the `collage-left` and `collage-right` appearances. |
| 3 | +In this step, you will customize the Banner form (`pagebuilder_banner_form.xml`) by adding a form field for entering a `max-height` value for the `collage-left` and `collage-right` appearances. |
4 | 4 |
|
5 | 5 | ## Create the appearance forms
|
6 | 6 |
|
@@ -53,7 +53,7 @@ When setting up your extension form, ensure you have named your form with the sa
|
53 | 53 |
|
54 | 54 | ## Add fieldsets and fields
|
55 | 55 |
|
56 |
| -Before you add a field to the form of an existing content type, you need to know where to add it. In other words, you need to decide which fieldset to put your field in. We want to put our new max-height field below the Banner's existing min-height field, which is in the the `appearance_fieldset`. |
| 56 | +Before you add a field to the form of an existing content type, you need to know where to add it. In other words, you need to decide which fieldset to put your field in. We want to put our new `max_height` field below the Banner's existing `min_height` field, which is in the the `appearance_fieldset`. |
57 | 57 |
|
58 | 58 | The markup for adding the field to the fieldset looks like this:
|
59 | 59 |
|
@@ -93,7 +93,7 @@ The following table describes some key elements:
|
93 | 93 | | `settings` | Provides the markup that gives your field a label, CSS styling, validation, and other properties as needed. |
|
94 | 94 | {:style="table-layout:auto"}
|
95 | 95 |
|
96 |
| -After adding max-height field as shown, flush your cache, drag a banner to the Admin stage, open the editor, and see your new style property field being rendered in the Banner's form, as shown here: |
| 96 | +After adding the max_height field, flush your cache, drag a banner to the Admin stage, open the editor, and see your new style property field being rendered in the Banner's form, as shown here: |
97 | 97 |
|
98 | 98 | {:width="934px" height="auto"}
|
99 | 99 |
|
|
0 commit comments