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.
I've had an issue with a javascript menu not working inside an Ajax update panel after the ajax postback. I was able to solve this in IE by calling the menu js function with a pageLoad() function which is automatically called by ajax. However I then discovered it doesn't work in any other browser.
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?
Tab buttons and links are little hard to click on Firefox, Safari, Chrome. hover areas are as small as clickable area,They work perfecly well on IE
I have link for LOG IN normally(on IE) hover works and pointer changes to hand when mouse gets appoximitly one pixel range and it is clickable.
But in other browsers event LOG IN--- link works only when mause gets halfway over text(you can take dashes as referance upper part of the dash works good but buttom part is not clickable )
using System; using System.Collections.Generic; using System.Linq; [code]....
When I click the action link in IE the controller code runs but the div is NOT updated. Do it in ANY other browser and it works just fine. Is this (yet another) known problem/bug with IE??
I have created website in visual web developer 2010 express and would like to test it in firefox/chrome/safari. How to launch firefox/chrome/safari in visual web developer 2010 express?
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?
i am using treeview controls... but its showing broken lines and also line not well aligned.. on expanding and also on loading...
i did replaced...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > with
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html>
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.
This should provide mappings for all browsers, correct?
I used the Charles proxy to check what user agents were being sent. They are:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.1.249.1064 Safari/532.5
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/531.22.7 (KHTML, like Gecko) Version/4.0.5 Safari/531.22.7
Any idea why this would be? Everything I've read tells me that my browser mappings are correct? And, as I said this works for IE/Firefox, so I know my configuration is technically correct.
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 developing website using xmlhttp request.I am using treeview control in a webpage.I am sending xmlhttp request to page for adding a treenode to treeview control.I added a node in the treeview control and i render the treeview control html using control.render method and send html to client through without postback.But i am not able to maintain the state of treeview control like selected node and expanded nodes.So I want to send state info to server through xmlhttp and how to update the state info in server,aslo i need to update the treeview control javascript objects like treeview_data which maintains the treeview state when i return back from server.
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.
I developed a activex control, it can work well in IE, but not in firefox , is it possible for my activex control to work in FireFox and Google Chrome?
