Is it possible to copy the settings of one UI Builder component and copy those settings to another block of the same type on the same page (e.g., from one button to another button)?
You can create a reusable component for this, but just copying settings is not possible at now.
Feature request for that capability, please. Thanks.
Hi @Howard_Jacobson,
Have you tried the reusabale components as Stanislav mentioned above?
Regards,
Marina
Yes. Creating a reusable component just to copy some settings is quite a lot to do. For example, say that I have 10 text fields on a page and I want to adjust the padding on all 10 text fields. To do this now, I must adjust the padding individually for each of the 10 fields.
The feature I’m suggesting would be (a) to be able to copy the settings for the component and then (b) past / apply the copied settings to another component of the same type.
Thanks.
With all respect copying settings across components doesn’t make any sense, a case in which you want to apply all settings is extremely small, in most cases, each component has at least one unique property, so copying all settings will override these unique properties
Instead of copying settings(inline style) for components I can suggest you a few options:
- use Theme App Extensions (styles) and assign CSS classes to particular components, it allows you to apply changes for all components with the same CSS class in one place
- group your components into boxes (containers) and then you can change the position for all inner components
- use Reusable Components and change logic/ui/styles in a single place
Regards,
Vlad
Thank you. The first suggestion seems best. Does the CSS in a Theme App Extension override values entered in the UI Builder settings panel?
@Howard_Jacobson, In UI setting the inline style settings have the highest priority.
Regards,
Marina
In addition to Marina’s comment, I would like to add you can use !important keyword to override even inline styles in the App Extensions