Force editor on a single line when using custom toolbar

[Missing User]

Hello, I would like to achieve the behaviour that the editor has in this page: https://www.telerik.com/kendo-angular-ui/components/editor/ 

When you resize the page, this appears:

 
I'd like the same thing to happen when using a custom Toolbar:

      <kendo-editor #editor formControlName="texthtml" style="width: 52vw; height: 65vh;">
        <kendo-toolbar>
          <!-- BOLD, ITALIC, ECC -->
          <kendo-toolbar-buttongroup>
            <kendo-toolbar-button kendoEditorBoldButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorItalicButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorUnderlineButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorStrikethroughButton></kendo-toolbar-button>
          </kendo-toolbar-buttongroup>

          <!-- ALIGN TEXT -->
          <kendo-toolbar-buttongroup>
            <kendo-toolbar-button kendoEditorAlignLeftButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorAlignCenterButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorAlignRightButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorAlignJustifyButton></kendo-toolbar-button>
          </kendo-toolbar-buttongroup>

          <!-- LISTS, INDENTATION -->
          <kendo-toolbar-buttongroup>
            <kendo-toolbar-button kendoEditorInsertUnorderedListButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorInsertOrderedListButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorIndentButton></kendo-toolbar-button>
            <kendo-toolbar-button kendoEditorOutdentButton></kendo-toolbar-button>
          </kendo-toolbar-buttongroup>

          <!-- FORMAT, FONT FAMILY AND SIZE -->
          <kendo-toolbar-dropdownlist kendoEditorFontSize></kendo-toolbar-dropdownlist>
          <kendo-toolbar-dropdownlist kendoEditorFontFamily></kendo-toolbar-dropdownlist>
        </kendo-toolbar>

        <!-- CUSTOM BUTTON -->
        <kendo-toolbar-button text="Special Button" showText="both" themeColor="primary" [disabled]="false"
          (click)="specialFunction(editor, this.selectedParagraph)">
        </kendo-toolbar-button>
      </kendo-editor>

Can this be achieved? 

[Martin]

Hi Marco,

Thank you for the screenshots.

To enable the dots when the tools don't fit the Toolbar width, set the overflow property to true:

<kendo-toolbar [overflow]="true">
...
</kendo-toolbar>

For more details, please check the following article:

https://www.telerik.com/kendo-angular-ui/components/toolbar/responsive-toolbar/

Regards,
Martin
Progress Telerik

[Missing User]

Oh, I was searching it in the Editor's documentation and I didn't realise that there was a separate component with its own documentation. Thanks, it works!