Hi there,
I’m very new to beaver builder but I’m playing around with some custom modules. I’ve made a very simple text module with some custom settings: a font size text field, button group with 3 preset colours and added the option to change fonts and alignment.
Now the color selector was working great. I made a dropdown with select 3 values: black, white and blue. The preview worked great and it changed the color of my text. Though for UX I’d rather have them available as a button-group. When I switched to this option the values were sent when selected but it doesn’t change the color in preview mode, it does work after saving though. Is there anyone who can help me with this little problem?
This seems to work
'color' => array(
'type' => 'select',
'label' => 'Font kleur',
'default' => '#000000',
'options' =>array(
'#000000' => 'Black',
'#ffffff' => 'White',
'#6badc2' => 'Blue'
),
'preview' => array(
'type' => 'css',
'selector' => '.twz-element-eva',
'property' => 'color',
'important' => true,
)
),
This doesn’t
'color' => array(
'type' => 'button-group',
'label' => 'Font kleur',
'default' => '#000000',
'options' =>array(
'#000000' => 'Black',
'#ffffff' => 'White',
'#6badc2' => 'Blue'
),
'preview' => array(
'type' => 'css',
'selector' => '.twz-element-eva',
'property' => 'color',
'important' => true,
)
),