Multiline toolbar

[Thomas Radioyes]

Hi,

I have a Telerik Editor in a popup, and I have a width issue, so i would like to be able to put the toolbar on 2 lines instead of having all the buttons on one line. Is it possible?

Thomas

[Dimo]

Hello Thomas,

First of all, you can use a reduced set of tools, like in this demo:

http://demos.telerik.com/aspnet-mvc/editor/servervalidation

If you require to have all tools, then you can define them manually as in the above example and then add this CSS rule to your page:

.t-editor-toolbar .t-separator
{
    display:block;
    width:1px;
    height:1px;
    line-height:1px;
}

This will make every inline separator act as line breaker. Unfortunately, this will not work well in IE7, so you need one more thing - to apply a float:left and clear:left style to each tool, which starts on a new line. In the above case this is the "create link" tool:

.t-createLink
{
    float:left;
    clear:left;
}

All the best,
Dimo
the Telerik team

[Thomas Radioyes]

Great, thanks!