Web Forms :: TreeView Control Not Rendering Styles Correctly In Chrome, Firefox, Safari, But Fine In IE
Feb 15, 2010
I've defined node styles for my TreeView instance in markup (using <LevelStyles> for example). Everything renders correctly in IE7/8 but, when rendering in Chrome, Safari or FireFox, the styles are not being applied. From looking at the source code for the page, I can see that the various runtime css classes are being injected into the top of the page, but the class attributes on the <a> tags (within the generated TreeView HTML) are empty (class=""). In IE, the class attributes contain references to the classes that were injected into the page.
Can anyone explain why this is happening? I can see no logical explanation for this, and it's a big issue - My client primarily uses Safari, as they're Mac based.
After the implementation of ajax drag and drop, we have observed that which is working fine in IE and Firefox and not in chrome and safari, In Google chrome and Safari when we try to drag a module, the page getting scrolling to the top of the page.
I've encountered was appears to be a strange bug with the menu control, and alas, I am unable to find much useful information on it (which leads me to believe I have something installed or confingured incorrectly). Here the problem:
When declaring a menu control with a staticHoverStyle, for example:
Has no effect on the behavior of the control once it's rendered, neither in Firefox nor IE.In fact, using the source code at
http://msdn.microsoft.com/en-us/library/ms366731.aspx with no modifications also results in the hoverstyle not working.
This problem seems to be "fixed" if you specify the css attribute declaratively, for example, StaticMenuItemStyle-BackColor="Yellow". Alternatively, if you specify RenderingMode="table" then the hoverstyle seems to work. It's only when you're using a cssclass with a list that things seem to mess up.
Finally, I notice that in the rendered html, the control embeds some styles between /* <![CDATA[ */ and /* ]]> */ comments that affects the final appearance of the menu control, sometimes overwriting a cssclass you specified (ex: the margin for dynamic menus can only be controlled with the HorizontalOffset property, and not by css). This is undesirable, but I don't see anything that seems to overwrite the behavior of hover elements. Actually, the .hoveritem class doesn't appear anywhere in the markup at all, but when you specify the StaticMenuItemStyle-BackColor property, then the value is rendered correctly in this block of styles.
In the ASPX.CS file I define a datasouce and manually populate it.
DataColumn MDC = new DataColumn(); MDC.AllowDBNull = false; MDC.AutoIncrement = true; MDC.AutoIncrementSeed = 1; MDC.AutoIncrementStep = 1; MDC.ColumnName = "B2"; MDC.DataType = System.Type.GetType("System.String"); MDC.Unique = false; MDT.Columns.Add(MDC); MDC = new DataColumn(); MDC.ColumnName = "PRPT"; MDC.DataType = System.Type.GetType("System.String"); MDT.Columns.Add(MDC); I then manually fill each row: DR = MDT.NewRow(); DR["B2"] = "Test1<br/>Test2"; DR["PRPT"] ="Test3<br/>Test4"; MDT.Rows.Add(DR);
When the Grid is viewed using IE - both the Header and the data rows properly display the cells with multiple lines. When displayed using Firefox or Safari - only the Header utilizes multiple lines - the data rows are on a single line ---- "Test1Test2" what needs to be done to display multiple lines in all three browsers.
Having search around I've only found two references to the issue; one where someone else has found the same thing and another where someone states that pageLoad isn't stable in other browsers.
Is there any way to solve this issue in browsers other than IE?
I find that each time I run asp.net application in browser other than ie (safari/chrome/firefox) within visual studio, will cause all cookies on my pc deleted. This is really inconvienient since cookies contain important info on my pc. I'd like to know the solution for it.
Is it possible to embed an external application inside the browser (IE, Chrome, Safari, Firefox) so it will look like a native web application but actually having access to the USB ports of the client machine? I have heard that I need to make an ActiveX control. I would like to use the .Net framework, but if that is not possible, maybe using Java or C++ will be fine.
I have to make an application that will allow to the users to connect an external device to an USB port, this device will take a backup of the information contained in a SIM card and send it to the user's account online agenda. So the user can restore it later using the same application. This should be a web application or at least look like one.
If the first is not possible. Is there any way to launch an external application from all the browsers, and then pass information to the browser window to allow it to refresh after the backup has been made?
Is there a way to use the firefox (or chrome or any other good browsers) rendering engine to convert html (as a text string) to an image?I have full access to the server I'm using, so no limitations there.
I am using the ASP.NET Ajax controls UpdatePanel and UpdateProgress. The idea of a the UpdateProgress control is to display a message while the page is performing a partial postback, then disappear when the postback completes. On Firefox and Internet Explorer, this happens correctly. However, on Safari and Chrome the UpdateProgress control remains visible after the postback completes. Is this a bug in the ASP.NET Ajax Framework, or is there another workaround?
I have confirmed that my Control Adapters are not triggering in Chrome and Safari. I've debugged, and the breakpoints inside the adapters just don't get hit in Chrome/Safari, when they work perfectly find in Firefox/IE. So, for Chrome/Safari, IIS is just ignoring the mapping.
The right sides of the dynamic menu items are being chopped off. Also, the entire menu is moved slightly to the left in both browsers. I have been searching for a solution but everything I find so far with Google talks about a problem with the menu not starting on the correct node but I am not having that issue.
I am having an issue with the hyperlinks that are created as part of a horizontal menu control. You have to position the cursor in a very narrow range near the very top of the menu option to find the hyperlink associated with that menu option. This is only the case with Firefox and Chrome. You can try it for yourself at [URL] Try clicking any one of the horizontal menu options ("Services" for example. You will see that it is very particular where it will allow you to click to activate the hyperlink. Markup:
I am embedding a popup extender inside a tab...simple enough - for some reason the content is visible when the page loads - it can be dismissed by selecting the button and then dismissing the popup. Everything works in compatability mode.
I can't tag the panel as visible=false as it is no longer rendered at all.