Hiding tools in the toolbar is confusing for users

[Scott]

Our users don't like the toolbar buttons hiding when not relevant as it moves the other buttons around in the toolbar.

Because it sets the display: none inline and also updates the k-group-end class on the previous button I can't seem to just override it in css.

Is there an option to switch back to the old way of just disabling the buttons instead of hiding them?  

Thanks

[Dimo]

Hi Scott,

You can change the Editor behavior by overriding the widget's prototype and one CSS rule:


Javascript

$(document).ready(function() {

    kendo.ui.editor.Toolbar.prototype._updateContext = function() {
        this.updateGroups();
    }

    $("#editor").kendoEditor();
});

CSS

.k-editor-toolbar .k-button-group .k-state-disabled {
    display: inline-block;
}

Regards,
Dimo
Telerik

[Scott]

That kind of works but when I have the "list" functions grouped together in the tools the outdent tool moves in and out of the group depending if it is enabled or not.

tools: [
  ...
  "separator",
  "insertUnorderedList",
  "insertOrderedList",
  "indent",
  "outdent",
  "separator",
  ...

[Dimo]

Hi Scott,

Right, you need to override one more method of the Editor toolbar's prototype:

http://jsfiddle.net/dimodi/aqjZg/

Please note that this workaround will work only with Kendo UI version 2013.2 716. Subsequent internal builds will contain changes, which are incompatible with the above Javascript code.

Regards,
Dimo
Telerik

[Scott]

Thanks Dimo - also seems to work in v2013.2.722 which I need so I can break the toolbar into two lines.

Next question is how to control the groupings, I have a custom Clean Formatting tool I want to be in the same group as the View HTML tool but I cant seem to get them to group together - is there a property on the tool or an option I need to set ?

Thanks
Scott

[Dimo]

Hello Scott,

For the time being, groupings cannot be controlled, but we will provide this functionality in the future.
 
Regards,
Dimo
Telerik