Image drag handles in IE8

2 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 03 Jun 2010 Link to this post

    Hi,

    In IE8 the image drag handles are visible above the Apply Style dropdown.
    In FF this is not the case.

    Howto handle this?

    BR,
    Marc
  2. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 03 Jun 2010 Link to this post

    Hi Marc,

    The observed behavior and the images handlers are entirely controlled by the browser and they could not be controlled and hidden by javascript code - you can easily reproduce the same behavior in an editable IFRAME / DIV element as well as in our competitors' editors.

    You can try to avoid this browser behavior by disabling the image resize handlers by applying unselectable=on to all images in the content area.

    <script type="text/javascript"> 
    function OnClientLoad(editor, args)      
    {      
        var images = editor.get_document().getElementsByTagName("IMG"); 
        for (i=0;i<images.length;i++) 
        { 
            var image = images[i]; 
            image.setAttribute("unselectable","on"); 
        }    
          
        editor.attachEventHandler("oncontrolselect", function()      
        {      
            //Check if image      
            window.setTimeout(function()      
            {      
                 var selElem = editor.getSelection().getParentElement();       
                 if (selElem.tagName == "IMG")         
                 { 
                    selElem.setAttribute("unselectable","on"); 
                 } 
            }, 0);      
        });  
    }      
    </script>   
    <br /><br /><br /> 
    <telerik:RadEditor ID="RadEditor1"  
        OnClientLoad="OnClientLoad" ToolbarMode="showOnFocus" 
        runat="server"  Width="400" Height="400"> 
        <Content>test 
          <img src="http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif"/> 
          <a href="www.telerik.com">telerik</a> 
          <img src="http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif"/> 
        </Content> 
    </telerik:RadEditor> 


    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top