<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormEditorDock.aspx.cs" Inherits="X.Model.GOV.Public.WebFormEditorDock" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
>RadEditor RibbonBar outerdiv Test</
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
/>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
/>
</
Scripts
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
>
</
telerik:RadAjaxManager
>
<
table
width
=
"640px"
border
=
"1"
style
=
"border-collapse:collapse;"
>
<
tr
><
td
><
div
id
=
"outerdiv"
></
div
></
td
></
tr
>
<
tr
><
td
><
input
type
=
"text"
runat
=
"server"
value
=
"Please Input Title Here ..."
style
=
"width:99%;"
/></
td
></
tr
>
<
tr
>
<
td
>
<
telerik:RadEditor
ID
=
"RadEditor1"
runat
=
"server"
ToolbarMode=
"Default"
ToolsFile
=
"~/xml/EditorRibbonBarDock.xml"
Width
=
"100%"
>
<
Content
>Please Input Text Here ...</
Content
>
</
telerik:RadEditor
>
</
td
>
</
tr
>
</
table
>
</
form
>
</
body
>
</
html
>
when i change ToolbarMode=
"Default" as ToolbarMode
=
"RibbonBar", it work wrong.
EditorRibbonBarDock.xml
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
root
>
<
tools
name
=
"Base"
tab
=
"Base"
Enabled
=
"true"
DockingZone
=
"outerdiv"
>
<
tool
name
=
"PasteStrip"
size
=
"large"
/>
<
tool
name
=
"Cut"
size
=
"medium"
/>
<
tool
name
=
"Copy"
size
=
"medium"
shortcut
=
"CTRL+C"
/>
<
tool
name
=
"Print"
size
=
"medium"
shortcut
=
"CTRL+P"
/>
</
tools
>
</
root
>