[Solved] RadEditor Toolbar is not display while toolbar in floating mode

[Praveen]

I have put RadEditor control at the top of the form and set toolbar mode = "Floating" then toolbar is not display. Its hide by browser itself. One more thing while toolbar mode="Floating" and Toogle Full screen mode clicked then there is no way to display toolbar again. I am also able to reproduce on telerik demo site 

http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx

Is there any workaround for that or is there any way to set the position of floating toolbar?

[Rumen]

Hi Praveen,

You can move the Floating toolbar of RadEditor using the javascript code below and the moveTo method:

<telerik:RadEditor ID="RadEditor1" runat="server" ToolbarMode="Floating">
</telerik:RadEditor>
<script type="text/javascript">
Telerik.Web.UI.Editor.DefaultToolAdapter.prototype.oldOnToggleFloatingToolbar = Telerik.Web.UI.Editor.DefaultToolAdapter.prototype._onToggleFloatingToolbar;
Telerik.Web.UI.Editor.DefaultToolAdapter.prototype._onToggleFloatingToolbar = function()
{
    this.oldOnToggleFloatingToolbar();
    this.get_toolbarHolder().moveTo(150, 150);
}
</script>

It is not possible to open the floating toolbar in fullscreen mode. You can consider implementing the following solution in this scenario: Different Set Of Tools When Switching To Full Screen Mode. The editor displayed in fullscreen mode should be configured to has a default toolbar mode.

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.