[Solved] DockingZone problem

[Niclas Ahlqvist]

Hi!

I am trying out DockingZone with the toolbars which is a great feature but I get some weired graphics.

Edit: The toolbar is re-added at every postback. Which means I get many identical toolbars in the dockingzone.

Screendump is attached. My DockingZone div 

<div id="divToolbarDockingZone"></div>

Another question. Is it possible to move the location of the edit mode buttons? Is it possible to change the appearece of the buttons? I want them appear in the toolbar. I have achieved this by adding custom buttons (as you can see in the screendump) but when the editors mode is 2 or 4 the toolbar is disabled which makes it hard to switch back to the designer mode =). Any work around?

ToolsFile

<root>

<tools DockingZone="divToolbarDockingZone">

<tool name="BizWizardRadEditorDesign"/>

<tool name="BizWizardRadEditorHTML" />

<tool name="BizWizardRadEditorPreview"/>

<tool name="FindAndReplace"/>

<tool name="Print"/>

<tool name="AjaxSpellCheck"/>

<tool separator="true"/>

<tool name="Cut"/>

<tool name="Copy"/>

<tool name="Paste"/>

<tool name="PastePlainText"/>

<tool separator="true"/>

<tool name="Undo"/>

<tool name="Redo"/>

<tool separator="true"/>

<tool name="JustifyLeft"/>

<tool name="JustifyCenter"/>

<tool name="JustifyRight"/>

<tool name="JustifyFull"/>

<tool separator="true"/>

<tool name="Indent" />

<tool name="Outdent" />

<tool name="InsertOrderedList" />

<tool name="InsertUnorderedList" />

<tool separator="true"/>

<tool name="InsertHorizontalRule" />

<tool name="InsertSymbol" />

<tool name="InsertDate" />

<tool name="InsertTime" />

</tools>

<tools DockingZone="divToolbarDockingZone">

<tool name="ApplyClass"/>

<tool name="Bold"/>

<tool name="Italic"/>

<tool name="Underline"/>

<tool separator="true"/>

<tool name="FontName"/>

<tool name="FontSize"/>

<tool name="ForeColor"/>

<tool name="BackColor"/>

<tool name="StrikeThrough" />

<tool name="Superscript" />

<tool name="Subscript" />

<tool separator="true"/>

<tool name="InsertTable" />

<tool separator="true"/>

</tools>

<tools DockingZone="divToolbarDockingZone">

<tool separator="true"/>

<tool name="BizWizardLinkManager" />

<tool name="Unlink" shortcut="CTRL+SHIFT+K"/>

<tool name="BizWizardImageManager" />

<tool name="BizWizardFlashManager" />

<tool name="BizWizardTagManager"/>

<tool separator="true"/>

<tool name="BizWizardModule_Article"/>

<tool name="BizWizardModule_Form" />

<tool name="BizWizardShareManager" />

<tool name="BizWizardYouTubeManager" />

</tools>

<links>

<link name="telerik" href="http://www.telerik.com">

<link name="Products" href="http://www.telerik.com/products" />

<link name="Purchase" href="http://www.telerik.com/purchase" />

<link name="Support" href="http://www.telerik.com/support" />

<link name="Client.Net" href="http://www.telerik.com/clientnet" />

</link>

<link name="Microsoft">

<link name="Main Site" href="http://www.microsoft.com" />

<link name="MSDN Online" href="http://msdn.microsoft.com" />

<link name="Windows Update" href="http://windowsupdate.microsoft.com" />

</link>

<link name="Search Engines">

<link name="Google" href="http://www.google.com" />

<link name="Yahoo" href="http://www.yahoo.com" />

<link name="AltaVista" href="http://www.altavista.com" />

</link>

</links>

</root>

[Rumen]

Hello Niclas,

Please, open a support ticket and send a sample working example which demonstrates the first problem.

As to the second question: For your convenience I prepared and attached a sample project that demonstrates how to display the Design, HTML and Preview buttons on the RadEditor toolbar and enable them in HTML and Preview mode.

Best regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Niclas Ahlqvist]

Hi!

Thanks for the reply.

Calling set_enabled on the tool worked great. Is there any documentation on clientside api of the tools? If I knew there was a function called set_enabled I would have tried it before posting on the forum.

The weired graphics in the screendump is resoloved by setting

<!

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

However this is not a great solution for me because the editor renders the content in a nondesireable way.

When it comes to the postback issue I've made a workaround js function thats removes all the additional toolbars added to the DockingZone div. I will create a sample project and open a support ticket.

Thanks.

[Rumen]

Hi Niclas,

This article provides information about the client-size API of the tools: Set Button State.

In Q1 2010 beta we provided JavaScript Intellisense for RadControls for ASP.NET AJAX under VS 2008/VS 2010 which will be of great help and streamline the client-side development.

Kind regards,
Rumen
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.