Cannot validate contents of hidden CuteEditors

  •  10-07-2010, 3:43 PM

    Cannot validate contents of hidden CuteEditors

    I am trying to integrate CuteEditor 6.6 into an existing page where it will be replacing another rich text editor control.  The page dynamically creates 6 instances of the editor and places each one in a tab within another vendor's tabbed interface control.  Each tab renders its contents within a single-cell table that is hidden/unhidden via the "display:none" attribute.
     
    Each editor has a required-text validator (from yet another vendor) assigned to it to ensure that all editors contain text.  The problem I'm encountering is that the validators are flagging editors as not containing text if those editors are on tabs that have not been selected.  If I click on each tab (and hence make each editor visible at least once) before submitting the page, the validation errors do not occur.
     
    After reading this post (http://www.cutesoft.net/forums/thread/42058.aspx) I tried implementing that solution, where I call CuteEditorInitialize for each editor on page load, but it had no effect.  It seems that the editors are not initialized until they (or their parent controls) are made visible.  This was made apparent when I tried to implement a custom client-side validation function which attempted to call the editor's getHTML() function.  It worked only for the editors that had been made visible by selecting their tabs -- the others caused the "Object doesn't support this method or function" js error.
     
    I have the source for the 3rd party tab control, and I tried changing that to render the tabs as divs instead of tables (didn't help).  Based on advice in other posts here, I also tried changing the display:none settings to visibility:hidden, and while  that made the editor invisible it still took the same amount of space on the page.
     
    I would greatly appreciate any assistance.
     
    Thanks-
    John
View Complete Thread