CuteEditor as Image Selector: Remove CE Borders

  •  05-17-2009, 3:15 AM

    CuteEditor as Image Selector: Remove CE Borders

    Hi.
    I'm using CuteEditor as Image selector in my project with the following configuration:
     
    <ce:Editor ID="ceBrowseImage" runat="server" Width="1" Height="1" AutoConfigure="None"
                        ShowHtmlMode="False" ShowPreviewMode="False" EnableContextMenu="false" ShowGroupMenuImage="False"
                        ShowBottomBar="False" BackColor="White" BorderColor="White" BorderStyle="None">
    </ce:Editor>
     
    Everything works fine.
    However, the small rectangle is rendered on the page which represents CuteEditor.
    I looked in Firebug and found that small rectangle is rendered because of the following html: 
     
    <iframe id="CE_ctl00_cphMain_ceBrowseImage_ID_Frame" class="CuteEditorFrame CuteEditorFrame" frameborder="0" style="border: 1px solid #dddddd; background-color: White; height: 8px; width: 100%; display: block;" title="EditArea" src="/Shared/Controls/CuteEditor/Template.aspx?Referrer=http%3a%2f%2flocalhost.educopark.com%2fUsers%2fEdit">
     
    How can I remove the border around the iframe, so that little rectangle would not be rendered?
View Complete Thread