[Feature Request] Checkbox property type

Question

I'm interested in developing a "checkbox" (toggle) property type for the style manager.

Basically it'd be like the radio, except that it's singular and can be turned on off.

Use case is this:

I want to have a Bold icon. If toggled on, it applies font-weight: bold otherwise applies font-weight: normal.

Just like the default rte. Except that I want it in the style manager.

Would you guys accept that in grapes? Should I call it PropertyToggle or PropertyCheckbox?

jmrgz · Accepted Answer

Oh, sorry, I just got right what you need now. You could try a dirty jquery solution while waiting, using 2 radio buttons with the different on/off states and show/hide every button when you need it.

jmrgz · Answer

If I understood you ok, you are trying to create a new button like the others under "text-decoration" in https://grapesjs.com/demo.html I do not have text decoration in my project, but I have text-align buttons that work the same. This should be the code that creates the text-align buttons in the style manager. Notice that you may already have a font-weight property, so if you add it as a radio button, you will need to remove the default dropdown. properties: [{ property: "text-align", list: [{...

emilsedgh · Answer

Your example provides a radio button of a few choices. I want single toggle on/off buttons.

Checkbox property type

Question

Answers (3)

Related Questions and Answers

FEAT: In Style Manager, Allow Requiring the Default Setting

Inline CSS Comments break Code Manager

Custom Style Manager

FEAT: remove 'display: block' inline style from Style Manager sectors and properties

Paid Plugins That Match This Issue

Browse Plugin Categories