This is a migrated thread and some comments may be shown as answers.

Toolbar: Separator missing?

8 Answers 315 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Trevor
Top achievements
Rank 1
Trevor asked on 16 Oct 2012, 01:45 PM
Was the "Separator" toolbar item removed from the Kendo Editor for a specific reason? Or is there a way to implement it that I'm not seeing?

And if the former is the case, are there any plans to re-implement it?

8 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 16 Oct 2012, 03:47 PM
Hello Trevor,

Indeed, the separator has been omitted in the previous release, but will be included in the next one. Currently you can add a visual separator as a custom template tool.

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Chris
Top achievements
Rank 1
answered on 10 Jan 2013, 05:53 PM
Has this been added yet ?
If not, when ?

Can someone provide the code to do this using a custom tool please.

I assume we will need to create our own image ?

Thanks
0
Dimo
Telerik team
answered on 11 Jan 2013, 09:43 AM
Hello Chris,

The separator is already available in the pure client-side Kendo UI Editor. It will be added to its MVC wrapper in the coming service pack, which is due next week.

Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Chris
Top achievements
Rank 1
answered on 11 Jan 2013, 09:45 AM
I cannot see how to implement in the documentation, I assume this has not been updated.

Can you provide a code demo please.

0
Dimo
Telerik team
answered on 11 Jan 2013, 12:36 PM
Hello Chris,

The separator is now documented:

http://docs.kendoui.com/api/web/editor#tools-array

Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
SEAN
Top achievements
Rank 1
answered on 21 Jan 2013, 11:17 PM
In case you're still looking to do it manually with the MVC wrapper, it's pretty simple using the CustomTemplate, here's an example:
.Tools(tools => tools
                .Clear()
                .Bold().Italic().Underline()
                .CustomTemplate(s => s.Template("<li class=\"k-separator\"></li>"))
                .InsertUnorderedList().InsertOrderedList()
                .CustomTemplate(s => s.Template("<li class=\"k-separator\"></li>"))
                .CreateLink()
            )
0
Dimo
Telerik team
answered on 22 Jan 2013, 08:22 AM
Hi Sean,

Actually the <li> element cannot be part of the template content. The <li> element is added automatically and you should supply only what's inside it.

Anyway, the latest Kendo UI Editor and its MVC wrapper support separators.

All the best,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
SEAN
Top achievements
Rank 1
answered on 22 Jan 2013, 02:46 PM
What I posted works just fine, but yes, I have the latest now and it supports the Separator.

Thanks
Sean
Tags
Editor
Asked by
Trevor
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Chris
Top achievements
Rank 1
SEAN
Top achievements
Rank 1
Share this question
or