[Solved] Floating or dockable ToolBar

[Roger Withnell]

The width of the Content Area of my Editor is fixed by the user.  EnableResize="false" to prevent it changing width.
The width may vary from 1000 to 100px.

Both EditorToolbarMode.Default and the Modules prevent the width from reducing below about 500px so I have set the Module visibility="False" and tried other EditorToolbarModes.  With the width fixed at 100px:

Floating reduces the width fo the toolbar to 100px, has seven rows of icons but some of the rows are truncated.
PageTop is a full width toolbar (great) but I have instructional text at the top of the page and the PageTop toolbar covers it.  Is it possible to fix the PageTop toolbar just above the Content Area?
ShowOnFocus is the same as Floating - the toolbar is only 100px wide but some the icon rows are truncated.  Is it possible to make the ShowOnFocus toolbar the full width of the page?  And can I force Focus when the page is loaded?  This is my preferred solution.

I would appreciate your comments.

Thanking you in anticipation.

Roger

[Rumen]

Hello Roger,

You can use the code below to show the ShowOnFocus toolbar when the page is loaded:

<div style="padding:150px;"></div>
<script type="text/javascript">
function OnClientLoad(editor)
{
    setTimeout(function()
    {
        editor.fire("Enter");
        editor.undo(1);
    }, 0);
}
</script>
<telerik:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad" ToolbarMode="showonfocus" ToolsWidth="1400" runat="server" >
</telerik:RadEditor>

To resize the toolbar set the ToolsWidth property.

We plan to implement a showToolbar client-side function that will be helpful in scenarios like yours.

Best regards,
Rumen
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.