textAngular header button cannot be larger?

Question

Currently, I'm using textAngular for my project. I'm trying to increase toolbar button and add label under that button. Problem is even I can increase button except H1, H2, H3 and cannot able to add label under each icon.

        taOptions.classes = {
            focussed: 'focussed',
            toolbar: 'btn-toolbar',
            toolbarGroup: 'btn-group btn-group-lg',
            toolbarButton: 'btn btn-default btn-lg',
            toolbarButtonActive: 'active',
            disabled: 'disabled',
            textEditor: 'form-control',
            htmlEditor: 'form-control'
        };

@VVK that code and image is the best example. – PPShein Dec 03 '15 at 04:50 — PPShein, Dec 03 '15 at 04:50

score 3 · Accepted Answer · answered Dec 03 '15 at 05:06

You can use the option ta-toolbar-button-class on text-angular element with the desired css classes. These classes will be applied to the toolbar buttons.

For example you can add bootstrap classes btn btn-lg like ta-toolbar-button-class="btn btn-lg" on text-angular div. This will increase the size of all buttons equally.

See Here : Plnkr

textAngular header button cannot be larger?

1 Answers1