Skip to content

Commit d907ba4

Browse files
raith-hamzahraith-hamzah
committed
MC-3402: Explicit Background Attributes for Slide
- Updated form to use new fields
1 parent 429492c commit d907ba4

File tree

1 file changed

+2
-178
lines changed

1 file changed

+2
-178
lines changed

‎app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_slide_form.xml

Lines changed: 2 additions & 178 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
* See COPYING.txt for license details.
66
*/
77
-->
8-
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd" extends="pagebuilder_base_form">
8+
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd" extends="pagebuilder_base_form_with_background_attributes">
99
<argument name="data" xsi:type="array">
1010
<item name="js_config" xsi:type="array">
1111
<item name="provider" xsi:type="string">pagebuilder_slide_form.pagebuilder_slide_form_data_source</item>
@@ -96,183 +96,7 @@
9696
</settings>
9797
</field>
9898
</fieldset>
99-
<fieldset name="background" sortOrder="30">
100-
<settings>
101-
<label translate="true">Background</label>
102-
<collapsible>true</collapsible>
103-
<opened>true</opened>
104-
</settings>
105-
<field name="background_color" sortOrder="10" formElement="colorPicker">
106-
<settings>
107-
<label translate="true">Background Color</label>
108-
<componentType>colorPicker</componentType>
109-
<placeholder translate="true">No Color</placeholder>
110-
<validation>
111-
<rule name="validate-color" xsi:type="boolean">true</rule>
112-
</validation>
113-
<dataScope>background_color</dataScope>
114-
<additionalClasses>
115-
<class name="admin__field-medium">true</class>
116-
</additionalClasses>
117-
</settings>
118-
<formElements>
119-
<colorPicker>
120-
<settings>
121-
<colorPickerMode>full</colorPickerMode>
122-
<colorFormat>hex</colorFormat>
123-
</settings>
124-
</colorPicker>
125-
</formElements>
126-
</field>
127-
<field name="background_image" sortOrder="20" formElement="imageUploader">
128-
<settings>
129-
<label translate="true">Background Image</label>
130-
<componentType>imageUploader</componentType>
131-
</settings>
132-
<formElements>
133-
<imageUploader>
134-
<settings>
135-
<allowedExtensions>jpg jpeg gif png</allowedExtensions>
136-
<maxFileSize>4194304</maxFileSize>
137-
<uploaderConfig>
138-
<param xsi:type="string" name="url">pagebuilder/contenttype/image_upload</param>
139-
</uploaderConfig>
140-
<previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
141-
</settings>
142-
</imageUploader>
143-
</formElements>
144-
</field>
145-
<field name="mobile_image" sortOrder="30" formElement="imageUploader">
146-
<settings>
147-
<label translate="true">Background Mobile Image</label>
148-
<componentType>imageUploader</componentType>
149-
</settings>
150-
<formElements>
151-
<imageUploader>
152-
<settings>
153-
<allowedExtensions>jpg jpeg gif png</allowedExtensions>
154-
<maxFileSize>2097152</maxFileSize>
155-
<uploaderConfig>
156-
<param xsi:type="string" name="url">pagebuilder/contenttype/image_upload</param>
157-
</uploaderConfig>
158-
<previewTmpl>Magento_PageBuilder/form/element/uploader/preview</previewTmpl>
159-
</settings>
160-
</imageUploader>
161-
</formElements>
162-
</field>
163-
<field name="background_position" sortOrder="40" formElement="select">
164-
<argument name="data" xsi:type="array">
165-
<item name="config" xsi:type="array">
166-
<item name="default" xsi:type="string">left top</item>
167-
</item>
168-
</argument>
169-
<settings>
170-
<dataType>text</dataType>
171-
<label translate="true">Background Position</label>
172-
</settings>
173-
<formElements>
174-
<select>
175-
<settings>
176-
<options>
177-
<option name="0" xsi:type="array">
178-
<item name="value" xsi:type="string">left top</item>
179-
<item name="label" xsi:type="string" translate="true">Top Aligned</item>
180-
</option>
181-
<option name="1" xsi:type="array">
182-
<item name="value" xsi:type="string">center center</item>
183-
<item name="label" xsi:type="string" translate="true">Centered</item>
184-
</option>
185-
<option name="2" xsi:type="array">
186-
<item name="value" xsi:type="string">left bottom</item>
187-
<item name="label" xsi:type="string" translate="true">Bottom Aligned</item>
188-
</option>
189-
</options>
190-
</settings>
191-
</select>
192-
</formElements>
193-
</field>
194-
<field name="background_size" sortOrder="50" formElement="select">
195-
<argument name="data" xsi:type="array">
196-
<item name="config" xsi:type="array">
197-
<item name="default" xsi:type="string">cover</item>
198-
</item>
199-
</argument>
200-
<settings>
201-
<dataType>text</dataType>
202-
<label translate="true">Background Size</label>
203-
</settings>
204-
<formElements>
205-
<select>
206-
<settings>
207-
<options>
208-
<option name="0" xsi:type="array">
209-
<item name="value" xsi:type="string">auto</item>
210-
<item name="label" xsi:type="string" translate="true">Auto</item>
211-
</option>
212-
<option name="1" xsi:type="array">
213-
<item name="value" xsi:type="string">cover</item>
214-
<item name="label" xsi:type="string" translate="true">Cover</item>
215-
</option>
216-
<option name="2" xsi:type="array">
217-
<item name="value" xsi:type="string">contain</item>
218-
<item name="label" xsi:type="string" translate="true">Contain</item>
219-
</option>
220-
</options>
221-
</settings>
222-
</select>
223-
</formElements>
224-
</field>
225-
<field name="background_repeat" sortOrder="60" formElement="checkbox">
226-
<argument name="data" xsi:type="array">
227-
<item name="config" xsi:type="array">
228-
<item name="default" xsi:type="string">no-repeat</item>
229-
</item>
230-
</argument>
231-
<settings>
232-
<dataType>boolean</dataType>
233-
<label translate="true">Background Repeat</label>
234-
<dataScope>background_repeat</dataScope>
235-
</settings>
236-
<formElements>
237-
<checkbox>
238-
<settings>
239-
<valueMap>
240-
<map name="false" xsi:type="string">no-repeat</map>
241-
<map name="true" xsi:type="string">repeat</map>
242-
</valueMap>
243-
<prefer>toggle</prefer>
244-
</settings>
245-
</checkbox>
246-
</formElements>
247-
</field>
248-
<field name="background_attachment" sortOrder="70" formElement="select">
249-
<argument name="data" xsi:type="array">
250-
<item name="config" xsi:type="array">
251-
<item name="default" xsi:type="string">scroll</item>
252-
</item>
253-
</argument>
254-
<settings>
255-
<dataType>text</dataType>
256-
<label translate="true">Background Attachment</label>
257-
</settings>
258-
<formElements>
259-
<select>
260-
<settings>
261-
<options>
262-
<option name="0" xsi:type="array">
263-
<item name="value" xsi:type="string">scroll</item>
264-
<item name="label" xsi:type="string" translate="true">Scroll</item>
265-
</option>
266-
<option name="1" xsi:type="array">
267-
<item name="value" xsi:type="string">fixed</item>
268-
<item name="label" xsi:type="string" translate="true">Fixed</item>
269-
</option>
270-
</options>
271-
</settings>
272-
</select>
273-
</formElements>
274-
</field>
275-
</fieldset>
99+
<fieldset name="background" sortOrder="30"/>
276100
<fieldset name="general" sortOrder="40">
277101
<settings>
278102
<label translate="true">Content</label>

0 commit comments

Comments
 (0)