Support forums - Invisible to Visible and Back Again!

Support forums » Products » Cute Editor for .NET » Re: Invisible to Visible and Back Again!

Invisible to Visible and Back Again!

Last post 05-09-2007, 10:26 AM by Adam. 9 replies.


	Sort Posts: Previous Next

05-08-2007, 4:01 PM 29376

derek
Joined on 05-08-2007
Posts 5

Invisible to Visible and Back Again!

Reply Quote

I am a new customer, considering purchasing CuteEditor. The other textbox products I have found have some of the same issues I am encountering with CuteEditor, but many of them have failed to give me much input, so here goes.

I am trying to embedd the Editor into a Dialog from AJAX and/or ComponentArt.Web.UI's Dialog control. The problem is that the Editor renders even when the dialog has not yet been shown (whereas the editor should remain invisible until the dialog is shown). Setting the Editor to Invisible DOES solve the rendering issue, however once it is set to invisible, I find it impossible to set it to Visible again, as every call I make to the code seems to tell me the object doesn't exist because it was not rendered since ..it was invisible. . .

Is there a reason why CuteEditor renders even when it is inside of a hidden parent control? Is there any known solution for this problem?

Thank you for your time,

Derek

05-08-2007, 4:25 PM 29378 in reply to 29376

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Invisible to Visible and Back Again!

Reply Quote

Derek,

Are you trying to achieve something like this?

http://richtextbox.com/userExample/hideshowdiv.aspx

Can you create a simple project showing the problem and send it to me?

asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
asp wysiwyg html editor: http://cutesoft.net/ASP
asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
Live Support: http://cutesoft.net/live-support/default.aspx

05-08-2007, 4:30 PM 29380 in reply to 29378

derek
Joined on 05-08-2007
Posts 5

Re: Invisible to Visible and Back Again!

Reply Quote

That would be adequate for what I need. My goal was simply to hide the Editor until the dialog was shown, then have a button/link to make it visible.

How would I go about sending you something?

05-08-2007, 4:37 PM 29383 in reply to 29380

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Invisible to Visible and Back Again!

Reply Quote

Send it to me at Adam@CuteSoft.net or Support@CuteSoft.net.

05-08-2007, 4:47 PM 29386 in reply to 29383

derek
Joined on 05-08-2007
Posts 5

Re: Invisible to Visible and Back Again!

Reply Quote

Alright! All sent.

05-09-2007, 9:21 AM 29414 in reply to 29386

derek
Joined on 05-08-2007
Posts 5

Re: Invisible to Visible and Back Again!

Reply Quote

Is there any way I can get the code for that hideshowdiv page you linked above?

05-09-2007, 9:24 AM 29415 in reply to 29414

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Invisible to Visible and Back Again!

Reply Quote

derek,

Here is the code.

<%@ Page Language="C#"%>
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
<html>
    <head>
  <script language="javascript">
  function hide()
  {
   document.getElementById("div1").style.display="none";
  }
  function show()
  {
   document.getElementById("div1").style.display="block";
  }
  </script>
</head>
<body>
        <form runat="server">
   <div id="div1">
    <CE:Editor id="Editor1" runat="server" EnableStripScriptTags="false"></CE:Editor>
   </div>
   <hr>
   <a onclick="hide()" href="#">Hide</a> |
   <a onclick="show()" href="#">Show</a>
   <div id="div2"></div>
  </form>
</body>
</html>

05-09-2007, 10:08 AM 29421 in reply to 29415

derek
Joined on 05-08-2007
Posts 5

Re: Invisible to Visible and Back Again!

Reply Quote

But what if the <div> is in a user control?

05-09-2007, 10:19 AM 29424 in reply to 29414

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Invisible to Visible and Back Again!

Reply Quote

derek,

I have checked your project and find out your control use visibility: hidden to render the dialog code. In my example, I am using display: none.

The display: none and visibility: hidden CSS properties appear to be the same thing, but they aren't.

These two style properties do two different things.

visibility: hidden hides the element, but it still takes up space in the layout. (That's why all controls are rendered.)

display: none removes the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.

05-09-2007, 10:26 AM 29425 in reply to 29421

Adam
Joined on 09-23-2003
Aurora, ON
Posts 18,678

Re: Invisible to Visible and Back Again!

Reply Quote

derek:

But what if the <div> is in a user control?

Same.