I want to put editor in frameset on website but I have google 3 days nothing found which I want
My requirement is
My webpage contain frameset which has 2 frame A, B
Frame A contain editor toolbar only
Frame B contain multiple editor content areas
I know there is feature that one toolbar and multiple content area and both must be in same page
while in my website toolbar and content area must be in seperate frames
so give me the solution how i can seperate toolbar and content area of editor in 2 different frames and work properly
thanks
13 Answers, 1 is accepted
For your convenience I prepared a sample working project which demonstrates the requested functionality. You can see how the demo works in the following video: http://screencast.com/t/M6tRMUK95P1.
Regards,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
you solve my big problem thank you soo much
but there is some query
I wrote 2 problem 1 problem is solved by you but second problem still there
You take only one content area and one toolbar but i want toolbar remain one but content area more than 1
when i put one more content area so the toolbar not working
I know naturlly any content area have it own toolbar when the content area focused, their toolbar is append in toolbar frame
But I want that toolbar should be one in top frame while content area should be more than 1
I have to use 4 content area in my web but toolbar should be one in top frame
I attach my senario plz check it and give me some solution
Thanks again
To fix the problem add the highlighted code:
<%@ Page Language=
"C#"
AutoEventWireup=
"true"
%>
<%@ Register TagPrefix=
"telerik"
Namespace=
"Telerik.Web.UI"
Assembly=
"Telerik.Web.UI"
%>
<!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></title>
<script language=
"javascript"
type=
"text/javascript"
>
var
activeEditor =
null
;
var
editorLoaded =
false
;
function
OnClientLoad(editor) {
//debugger;
var
wnd = editor.get_toolAdapter().get_window();
wnd.add_show(
function
(sender, args) {
//Get last toolbar and return to old owner
if
(activeEditor) {
var
oldToolbar = top.toolbarframe.$get(
"radEditor_toolbar"
).getElementsByTagName(
"*"
)[0];
if
(oldToolbar) {
var
oldWnd = activeEditor.get_toolAdapter().get_window();
oldWnd.set_contentElement(oldToolbar);
}
}
//Move window so it cannot be seen
wnd.moveTo(-1000, -1000);
//Set its toolbars into another element
var
toolbars = wnd.get_contentElement();
top.toolbarframe.$get(
"radEditor_toolbar"
).appendChild(toolbars);
activeEditor = editor;
// show hidden toolbar at top of page then read dimensions from config xml
top.toolbarframe.$get(
"radEditor_toolbarContainer"
).style.display =
"block"
;
});
// on first editor loaded show toolbar
if
(!editorLoaded) {
editorLoaded =
true
;
//alert("(first editor loaded) now show toolbar")
if
($telerik.isIE) {
editor.fire(
"Enter"
);
editor.fire(
"Undo"
);
setTimeout(
function
() { editor.setFocus(); }, 100);
}
else
{
// pasting in safari/chrome overwrites all content
if
($telerik.isSafari) {
var
html = editor.get_html();
editor.set_html(
""
);
editor.pasteHtml(html);
}
else
{
setTimeout(
function
() {
editor.pasteHtml(
""
);
}, 100);
}
}
}
}
</script>
</head>
<body>
<form id=
"form1"
runat=
"server"
>
<asp:ScriptManager runat=
"server"
ID=
"ScriptManager1"
/>
<telerik:RadEditor runat=
"server"
ID=
"RadEditor1"
ToolbarMode=
"ShowOnFocus"
OnClientLoad=
"OnClientLoad"
/>
<telerik:RadEditor runat=
"server"
ID=
"RadEditor2"
ToolbarMode=
"ShowOnFocus"
OnClientLoad=
"OnClientLoad"
/>
<telerik:RadEditor runat=
"server"
ID=
"RadEditor3"
ToolbarMode=
"ShowOnFocus"
OnClientLoad=
"OnClientLoad"
/>
</form>
</body>
</html>
Kind regards,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
tell me one more thing is when IMAGE MANAGER or other dialog is opened it create overlay only on Editor frame my question is
Can we create overlay on whole page ?? and HOW ?? so that user can open one dialog at a time
but now user can open multiple dialog at a time and every dialog creates its own overly on previous dialog and multiple dialog open with multiple overlay it look very bad
See attachment
I want that when dialog open so overlay creates on whole page not just a Editor frame so that user cannot open another dialog while one dialog is opened
Or You have any other option to avoid this problem suggest me I am looking forward your solution
Thanks a lot your support
The solution is available in the following KB article: Using browser modal dialog instead of RadWindow.
Regards,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
But browser model does not create overlay on page
more than one dialog can be opened in your solution user open one dialog minimize it then open another dialog and model dialog lost focused on content area
this solution creates some more problem for me
my problem is, to create overlay on whole page so that user can open only one dialog at time
I have one more question regarding RadEditor Image Manager. This is very important
I use Microsoft Azure Cloud platform and my all images must retrieve and upload on blob My question is whether I can use Editor Image Manager to upload images on blob and view uploaded images in image manager as list or link,
Because i want to buy telerik component with source code so there is a possibility to change the codes and image manager can be used for Azure Cloud
Weather there is possibility to change the source code and Image Manager completely customize according to my requirement for example remove the textbox in image manger and put dropdown there and remove other controls and put some more controls.
Thanks
Regards:
Abdul Haseeb
We do not have a working example on how to retrieve or upload on MS Azure blob, however you can try to implement your own custom content provider as shown in the following article: Custom File Dialogs Content Provider.
We will try to implement a working example on how to apply overlay to the top frame and post the solution later in this thread.
Kind regards,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
The behavior you report about the modal overlay is expected because when you use frames you have a frame tree and each frame determines a different context.
Since creating everything dynamically in the parent context is the harder way to implement your requirement, I developed a workaround for you which shows modal overlay in the other frame as well. Please, examine the attachment and let me know whether you can use it as a start point.
Svetlina
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
that is the complete overlay that i wanted,
thanks
I have another question
In RadEditor I want to put HTML module as button in toolbar that user click that button a dialog open that contain HTML of content area and update button then user perform changes then click update that changes appear on content area i dont want to use editor module
Please see the attachment to better understand my question
see toolbardifferentframes04.png
Thanks
Regard
Abdul Haseeb
You can combine the Print and Open in New Window solutions provided in the following live demos:
- Custom Dialogs
- Editor In RadWindow
The demos show how to obtain the content and load it in a custom dialog. You can put a textarea in the custom dialog and load the HTML content. After that when the dialog is closed to submit the content back to the editor.
Kind regards,
Rumen
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
There is one problem with dropdown
when i click the any option which open dropdown so dropdown open far from frame border how i remove this gap
for more understanding my question plz see attachment
Thanks
By design, RadEditor calculates the position of its dropdowns according to the position of the corresponding tool and the observed issue might be a side effect to the applied modifications. To be able to provide more to the point answer and a possible solution we will need to examine the exact page and all the applied customizations. Could you please provide a sample project reproducing the problem so we can examine and debug it locally?
Kind regards,
Dobromir
the Telerik team
Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!