Extend controls

[eradin]

I want to extend a header control by adding an option for "emphasis" (bold, italic etc.) via a drop down list. The result should be either a separate tag attribute or perhaps even a class (just something I can drive via css). The button control has this ability OOB. Is this possible via config object?

[eradin]

To add to this question, the issue is how do you extend an element? For example, how would you apply a framework (e.g. bootstrap classes) without replicating the bootstrap css? One way would be to post process the rendering and "fixup" the classes and attributes of the field elements. A better way would to make sure the elements have the required attributes and classes during design (and hence, rendering).

[dougauerbach]

Have you tried this approach? This is from the Formeo source code. It provides a drop-down box of attribute value choices in the editor.

 attrs: {
        className: [{ label: 'grouped', value: 'f-btn-group' }, { label: 'ungrouped', value: 'f-field-group' }],
      },