RadEditor not working in Safari

4 posts, 0 answers
  1. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 27 Jul 2011 Link to this post

    Hi  'Rumen'

    I am creating a CMS of my company where I want to use radeditor
    i split page into 2 frames top frame contain the toolbar of editor and second frame contain editor that look like div
    this scenario work on all browser except SAFARI
    You give me this code past 2 month but i check this code in SAFARI now and it does not work
    I have SAFARI 5.0.5 (7533.21.1)
    below link is the project link

    https://skydrive.live.com/?cid=96dc14ef9668ae5a&sc=documents&id=96DC14EF9668AE5A%21108#

    Kindly Check the complete code and solve the problem

    Thanks
    Looking forward Your reply

    Regards: Abdul Haseeb

    I am set to lunch the project it is delying because Editor not work in SAFARI
    please reply soon
  2. Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 01 Aug 2011 Link to this post

    Hello Abdul,

    The problem was due to a bug in Safari which we were able to solve using the following code:

    Old code in Editor.aspx:

    top.toolbarframe.$get("radEditor_toolbar").appendChild(wnd.get_contentElement());

    New code:


    var toolbars = wnd.get_contentElement();         
    var div1 = document.createElement("DIV");      
    div1 = wnd.get_contentElement();         
    wnd.get_contentElement().parentNode.removeChild(div1);          top.toolbarframe.$get("radEditor_toolbar").appendChild(div1);


    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.

  3. abdul
    abdul avatar
    11 posts
    Member since:
    May 2011

    Posted 02 Aug 2011 Link to this post

    Thanks Rumen

    I have one more problem
    When I open the dropdown so dropdown menu open far from the border or frame. There is a gap between the dropdown menu and frame border. its look bad
    i want that the dropdown open just start the frame border
    More understanding my question please see the attachment
  4. Rumen
    Admin
    Rumen avatar
    14031 posts

    Posted 04 Aug 2011 Link to this post

    Hello Abdul,

    You can position the dropdown menu directly under the border of the frame by putting the following JavaScript code under the RadEditors declarations:

    <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" />
    <script type="text/javascript">
        Telerik.Web.UI.EditorDropDown.prototype.configurePopupPropertiesBeforeShow = function () {
            var popup = this._popupBehavior;
            popup.set_y(-100);
        }
    </script>


    All the best,
    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.

Back to Top