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?

AndriiChuk,

 

Please add the following code into your page. The Editor ID of this example is Editor1.

<style>
      #CE_Editor1_ID_Frame {border: #ffffff 0 solid!important}
</style>