Bulma styling wrong - Editor

Bulma styling wrong - Editor

morganrobmorganrob Posts: 18Questions: 7Answers: 2

Editor 2.0.4 with Bulma 0.9.2 is using Bootstrap classnames (form-check-input etc)

Specifically when a popup editor is shown it is not correctly styled with Bulma

Answers

  • morganrobmorganrob Posts: 18Questions: 7Answers: 2

    As well, it seems setting a className in the editor fields definition has no effect.

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin

    fields.className is applied to the field's container div rather than the input itself which is why it doesn't appear to work for you.

    Is it only the checkbox that isn't styling correctly for you? Looking at the Bulma docs and code I think it just needs a checkbox class on the container, so in editor.bulma.js look for:

                    $('input[type=checkbox], input[type=radio]', field.node() )
                        .addClass( 'form-check-input' );
    

    and replace with:

                    $('input[type=checkbox]', field.node() )
                        .parent()
                        .addClass( 'checkbox' );
    

    Regards,
    Allan

Sign In or Register to comment.