or
//Check if the image is over the editor design view or not
function isMouseOverEditorDesignView(editor, events) {
var editorFrame = editor.get_contentAreaElement();
var editorRect = $telerik.getBounds(editorFrame);
var mouseX = events.clientX;
var mouseY = events.clientY;
if (mouseX < (editorRect.x + editorRect.width) &&
mouseX > editorRect.x &&
mouseY < (editorRect.y + editorRect.height) &&
mouseY > editorRect.y) {
return true;
}
return false;
}
//Check if the image is over the editor text area or not
function isMouseOverEditorCodeView(editor, events) {
var htmlFrame = editor._getTextIframe();
var htmlRect = $telerik.getBounds(htmlFrame);
var mouseX = events.clientX;
var mouseY = events.clientY;
if (mouseX < (htmlRect.x + htmlRect.width) &&
mouseX > htmlRect.x &&
mouseY < (htmlRect.y + htmlRect.height) &&
mouseY > htmlRect.y) {
return true;
}
return false;
}
<
div
id
=
"ParentDivElement"
style
=
"height: 100%;"
>
<
telerik:RadSplitter
ID
=
"MainSplitter"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
Orientation
=
"Horizontal"
>
<!-- TOP pane -->
<
telerik:RadPane
ID
=
"TopPane"
runat
=
"server"
Height
=
"64px"
MinHeight
=
"64"
Scrolling
=
"none"
>
<!-- Place the header info here -->
</
telerik:RadPane
>
<!-- MIDDLE pane -->
<
telerik:RadPane
ID
=
"MainPane"
runat
=
"server"
Scrolling
=
"none"
>
<
telerik:RadSplitter
ID
=
"NestedSplitter"
runat
=
"server"
LiveResize
=
"true"
>
<!-- LEFT pane -->
<
telerik:RadPane
ID
=
"LeftPane"
runat
=
"server"
Height
=
"500px"
MinHeight
=
"500"
MinWidth
=
"220"
Width
=
"220px"
>
<!-- Place the RadPanelBar menu here -->
</
telerik:RadPane
>
<!-- RIGHT pane -->
<
telerik:RadPane
ID
=
"ContentPane"
runat
=
"server"
Height
=
"500px"
MinHeight
=
"500"
MinWidth
=
"760"
Width
=
"760px"
>
<!-- Place the content of the pane here -->
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>