I have an ASPX page that contains an Infragistics WebTab, and within one of the tabs, it has two ASP panels. There are buttons on the page that toggle which of the panels is displayed. The first panel is displayed when a user initially comes to the page. The second panel contains, among other things, a WebHTMLEditor and WebSpellChecker.In Firefox and Internet Explorer, the page displays as expected; when the button to display the second panel is clicked, the first panel goes away and the second panel is displayed.However, in Chrome, when the button is clicked, the first panel goes away, but nothing (except the master page container) is displayed by the browser, but view the page source shows that the content is there. When I copy both the HTML editor and spell checker (both are required) to the first panel so they are displayed when the page is initially rendered results in the second panel being displayed correctly when the button for the second panel is clicked.Does anyone have any idea what is causing this to occur in Chrome but not the other browsers?The application is using version 2011, volumne 1 of the controls (CLR35), and version 24 of Chrome.Charles
Hello Charles,
Thank you for posting in our forum.
How are you showing/hiding the panels? Are you just changing their display css property on the client or are you doing something else?
Are you loading the content of the panes when you show them or are they loaded initially as well?
Does the issue occur if you remove the HTML editor and the spell checker from the second panel?
It would be helpful if you could attach a small sample that reproduces your issue or a code snippet of the mark-up for the page in questions so that I may look into this further.
I’m looking forward to your reply.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
The page has the following structure:* a top-level Infragistics WebTab* a secondary-level Infragistics WebTab* two ASP panels inside one of the secondary-level tabsThe user toggles between the panels by clicking on one of the two buttons on the page. When they click on a button, the code-behind (server-side) shows/hides the appropriate panels and populates the panel that will be shown.When the page is initially displayed, the panel without the HTML editor is shown and populated.As I noted, the page displays as expected for Internet Explorer and Firefox, but not for Chrome (the only browsers tested).If the HTML editor and spell checker are removed from the second panel, the second panel displays as expected.If I put an HTML editor and spell checker in the first panel and show them, the second panel displays as expected (with the HTML editor). However, when the editor and spell checker are in the first panel but the editor is hidden, the second panel doesn't display.
You could investigate the elements on the page with Chrome’s developer tools (Ctrl +Shift+I) and see if perhaps there’s a style on the panel that’s hiding it or something like that.
Chrome sometimes sets the width of elements to 0px if no other width is set for them when you have relative layout for the page so you could check for that as well.
Let me know if you need any further assistance with this.
Hi Maya,
The sample seems to have everything that we have at this end. At this point, we are chalking this up to some unexplained interaction that we will either have to work around or live with (at the moment, we don't anticipate many Chrome users).
Thanks for looking into this.
Charles
Hello cbestor ,
Generally you can see the content when viewing the source then the issue may be in some custom css class or some setting that makes the content appear invisible in Chrome.
I’ve tested the scenario you described on my side against Chrome version 24.0.1312.57 with the RTM version of 11.1: 11.1.20111.1006 but I was not able to reproduce this.
Please refer to the attached sample and let me know if I’m missing anything from your scenario.