I need my toolbar containers to have different colours and a border radius.
This can be accomplished by colouring the buttons and using a border-radius on the container but the overflow has to be hidden to keep the border-radius. It is not possible to have overflow hidden if you want to use the existing font size and fontcolor buttons.
The background-color and border-radius of a toolbar container should ideally be implemented at wysibb-toolbar-container level not worked around at wysibb-toolbar-btn level.
So that I can have a <div id="wysibb-toolbar-container-n ...>...</div>
I need my toolbar containers to have different colours and a border radius.
This can be accomplished by colouring the buttons and using a border-radius on the container but the overflow has to be hidden to keep the border-radius. It is not possible to have overflow hidden if you want to use the existing font size and fontcolor buttons.
The background-color and border-radius of a toolbar container should ideally be implemented at wysibb-toolbar-container level not worked around at wysibb-toolbar-btn level.
So that I can have a
<div id="wysibb-toolbar-container-n ...>...</div>
In BuildToolbar I have added:
var containerId = 0;
then in each:
$btnContainer = $('<div id="wysibb-toolbar-container-'+containerId+'" class="wysibb-toolbar- container">').appendTo(this.$toolbar); containerId++;
`