AJAX :: Adjacent Combo Boxes Take Space According To Their Data On Google Chrome
Aug 28, 2010
I have a page where I want to keep several combo boxes adjacent to each other. I have put them in divs that are floated left.
This works fine in IE, Firefox. But when I render the same page on Chrome I observe the uneven gap between combo boxes. Upon analysis I found out that each combo box is occupying space based on the data inside it.
This happens because on Safari and Chrome, the option list control is placed differently as compared to that on IE and Firefox.
Please see the following code from ComboBox.pre.js (in AjaxControlToolkit source/Server/)
This is how it looks:
I have tried doing the following but none of them helped:
Changed the RenderMode of combo box to 'block' from 'inline'Commented the lines above in combobox.pre.js
Basically, as per my study, unlike IE and FF, on Chrome, the outer combo box div occupies space as the width of absolutely placed ul present inside it which anyways doesn't seem to be a correct implementation.
Using C# and SQL as the database.I have a page with a gridview and some text boxes and drop down list boxes. A user selects a record from the grid view I query the database and fill the text boxes and drop down list boxes.
Some fields get updated periodincally thus there is no data in those fields in the database until some time.
A strange thing happens.When filling data some text boxes gets a one tab spacing .
I have a GridView in which I have item,Edit ,Footer and Empty Item Template , and also a hovermenuextender to show Edit/Delete link on row hover. when my page opens if it doesn't have any data it show empty row , when user enters data and click on Add button it save's the data and load the grid. All works fine in IE and firefox but not in google Chrome.
After saving data in chrome all links stop working , but when i reload the page it workes fine if i remove the hovermenuextender it works fine in chrome also, So i think hovermenuextender creating problem in chrome when it's added at runtime(if empty grid comes hovermenuextender will be added after data saved)
I wan to do a required field validation for the cascading dropdownlist . When my page first load out the validator is fired first in the google chrome, the callout extender message is prompt out first in the Google Chrome. I have tested the code in IE and safari, this two browsers never prompt out the validator callout first when the page is loaded.
i wonder why the google chrome will prompt out the validator when i validate the cascading dropdownlist. I have did some research on it, but failed to get any solution.
- Scroll down so that the "Calendar Demonstration" subheading is just below the top of the browser rendering area.
- Click the first TextBox labelled "Default Calendar"
- The CalendarExtender popup appears with it's top edge at the very top of the page instead of below the TextBox.
The same happens when you click on the 2nd TextBox or on the button trigger for the "Calendar with an associated button" example.
It seems that the "top" css value of the resuting popup div isn't being calculated with the scroll position taken into account. Running the same example in Firefox results in a "top" value of 391px, with the Chrome value being 273px.
I am creating n number of Combo boxes dynamically at run time and adding a Handler of Combo1_SelectedIndexChanged() to the combo boxes.
At run time, When I select an item from one of the Combo boxes, the event fires n times rather than 1.
So for example : If there are 5 combos created, and I select an item from my first combo, the event Combo1_SelectedIndexChanged() , fires 5 times and that is an issue for me. How can I restrict this to run only for the combo that I selected.
In my ASP.NET application, I was trying to add few white spaces between two text boxes by typing space bar. The equivalent HTML source was instead of . So I just wanted to check: is this the new replacement for white space? If yes, why they changed?
How to call Synchronous service call for combo boxes? As I know Synchronous calls do not create a good user experience because the application is hung waiting for the Web service call to return. Then it is my requirement.
I started learning ASP.NET these days. Google Chrome is my default browser and I'm also testing my applications in Google Chrome.
I recognized that some Elements of ASP.NET won't run in real time when I use Chrome. For Example ASP.NET WebParts. If I change the modus of the WebPartManager from default to edit (or something else), Google Chrome needs 1 - 2 seconds to renew the page. Internet Explorer does this in real time without any loading times.
I'm a rookie in ASP.NET and many people said, Microsoft's AJAX for ASP.NET is some kind of crap. I'm using Visual Studio 2010 and maybe you'll say, I should use jQuery instead of internal Features like WebParts.
So TempData works on my local machine in chrome, but not out on the server. It works fine in IE and firefox. I'm using the default Session State as InProc. I can see the cookie in chrome by looking at the developer tools.
I have a gridview within an updatepanel which allows paging and has a linkbutton that when clicked shows a modalpopup for editing records. This works fine in IE, Firefox, and Opera but I do not get a postback in Chrome or Safari?? I have other linkbuttons on the page that are within updatepanels but are not within gridviews that are working fine. I have scowered the web but cannot find a solution.
Does anyone have any problems with Page_Load being executed twice in Google Chrome? It's a short question, i do not know what else to explain...
I have a simple asp.net page and in Firefox and IE all it's working fine. But in Chrome the Page_Load is fired twice...
Later EDIT: - what is strange is that i have 4 repeaters... binded with random values. The random methods are twice fired (because of page loaded twice) but the repeaters takes the INITIALLY values...so, the 2nd post back is somehow raised after the rendering step.
3rd edit: It happens ONLY at the refresh!
Solution (in my case): There was an empty img src, and that was the cause
It looks like WebControls do not work correctly in Google Chrome. I've researched this issue and found solution here but it does not work in my case. Maybe because our server is on .NET 4. Does anybody know how to make WebControls work in Chrome/Safari? Unfortunately changing WebControls to something else currently is not an option so I must find a work-around.