WIP: Bricks 2.0 - icon Dynamic data UI and one issue

[Victor1999]

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi,

First of all, like my previous report on icons, the dynamic data selection section also has an additional 16px margin on the left and right.

The main topic of this report is how can we use dynamic data for icons? Because I only have bricks without any other plugins. But it is not possible to use this feature. Because there is no dynamic data.

If I’m not mistaken, this feature is tied to the ACF and Metabox plugins, right? If so, wouldn’t it be better to have the dynamic data option for icons only displayed when these plugins are active?

[timmse]

Hi Victor,
Thanks again for your report!

I agree that the margin should not be there.

@Victor1999

If I’m not mistaken, this feature is tied to the ACF and Metabox plugins, right? If so, wouldn’t it be better to have the dynamic data option for icons only displayed when these plugins are active?

Theoretically, you could also use the native custom fields. So it’s not tied exclusively to ACF or Meta Box, which provide icon fields.

Best regards,
timmse

[Victor1999]

Thanks for the reply @timmseو

Is there any content in the academy for using dynamic data icon using native custom field?

Thanks alot

[timmse]

@Victor1999

Is there any content in the academy for using dynamic data icon using native custom field?

No, unfortunately not.

[ricktibbe]

It’s not too complicated. Just make sure the dynamic data field receives valid svg content. Then you can style the icon using the typography settings of the icon element. Use font-size for the width & height (NOT the Layout’s width & height!) and color for the icon’s color. You just have to make sure that the fill or stroke properties inside the svg icon are set to currentColor, so that it uses the typography’s color.