AJAX :: Validator Callout Extender For Cascading Dropdownlist In Google Chrome?
Aug 24, 2010
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.
For some reaon the black outline isn't appearing around my Validator Callout Extender's callout box. I don't have a css class set. It should display a yellow callout with a black outline. Like on the sample page:
[URL]
It shows the yellow call out with the black outline around the pointed part but not the main box.
I have a validator callout extender that works, it shows the callout box. But, it does a postback. It didn't do a post back the first time I clicked the button but it did for subsequent times. I read on the AJAX site that a custom validator must be used with this for it to work. I'm currently using this with a required field and regular expression validator. It works, the callout appears, but it doesn't work every time with out the post back.I posted this to see if there is a way to get this to work with a required field and regular expression validator, with out using a custom validator. I'm using the newest release of the toolkit, so I thought the documentation may be old, since the callout is appearing.
I've got the validator callout on my site and I've not been able to figure out how to style it. I don't want anything fancy- just want to change the background colour and text colour.
Today i faced a new issue in Listview control the issue is i have insertitemtemplate in my listviewcontrol and i have a textbox control,Required FieldValidator and ValidatorCallout control in that template. The issue is the validation fires but validator callout dosent come next to the control its coming in the center of the Listview. so can any 1 please help me on that.I have a master page and the page is as a content page.
I have a textbox control that I need to limit the value entered into it, so used the RangeValidator control, and added the extender to show the error.This is my code, and for years 0 to 5, and 10 and above it gives no error (as expected) but for 4,5,6,7,8 and 9 I get the callout extender displaying! I can't see what I have done wrong, or is this a bug/issue with one/both of the controls? The only work around to use is to set it to 05, 06 etc, but this is not ideal.
[Code]....
The version of the toolkit dll i am using is for 3.5, so 3.0.30930.28736.
The Validator Callout Extender used to stretch the document wider if it was attached to the right side of an HTML element that was near the right edge of the document.At some point in the recent past, this behavior was modified to cause the popout to move to the left side of the html element, but the popout still points to its left.This behavior can be seen by going to the demo pages, narrowing the window to just beyond the page width, and then causing the second html input's validation to fail.I would like to know how to force the callout extender to the right-hand-side like it used to do, or have it automatically redraw itself as a left-hand popout if it jumps to the other side.
I'm experiencing what seems to be a caching issue with Google Chrome and Safari on my cart page. In the cart there are 2 dropdown lists. When you hit the checkout button after changing the values in the dropdown lists, it commits what's selected in the lists to the database.
It's a little bit hard to explain the unexpected behavior so I will try to write it out step by step with an illustration of my problem.
Lets say the first dropdown list has the values of:
VALUE1 VALUE2 VALUE3
And the second dropdown list has the values of:
DUMBO1 DUMBO2 DUMBO3
I add an item to my cart.
Screen Says: VALUE1, DUMBO1
Database Says: VALUE1, DUMBO1
I hit Checkout.
Database says: VALUE1, DUMBO1 (I can't see the dropdown lists after I hit checkout because i'm not at the cart page)
I hit the back button.
Screen Says: VALUE1, DUMBO1
Database Says: VALUE1, DUMBO1
I drop down the VALUE1 combo and select VALUE2, VALUE2 is selected momentarily and then the site posts back and VALUE1 is re-selected in the drop down list (from being reloaded from the DB)
MOMENTARILY Screen Says: VALUE2, DUMBO1
Database Says: VALUE1, DUMBO1
THEN AFTER POSTBACK FROM DROPDOWNLIST_SELECTIONCHANGED EVENT
Screen Says: VALUE1, DUMBO1
Database Says: VALUE1, DUMBO1
Hit Checkout.
Database Says VALUE1 ,DUMBO1 (I can't see the dropdown lists after I hit checkout because i'm not at the cart page)
Go back.
Screen Says: VALUE2, DUMBO1
Database Says: VALUE1, DUMBO1
So it appears that it's remembering my selection of VALUE2 even though it jumped back to VALUE1 before I checked out.
It seems to be a caching problem, however I've got some no-cache code to prevent caching of that page that works great in firefox and internet explorer but seems to be failing in Chrome and Safari. I'm basically returning in the headers for the cart page: no-cache, no-store, and must-revalidate to attempt to prevent caching, but based on this scenario it seems to be caching the page anyway and not reloading it when I hit the back button.
I'm just getting started with MVC and wanted to see how I can implement something that resembles the ValidatorCallout in Ajax Control Toolkit. The unobstrusive validator is pretty good but in some cases I really like the call out approach -- seems to get user's attention a bit more aggressively. how to implement that in MVC3.
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'm facing an issue with chrome. I have multiview in which user control is loaded. This user control has one maskedEditExtender textbox (telephone textbox in ___-___-____ format). Issue is whenever the control is loaded i cannot see the masked feild but as soon i refresh the page I see it. I tried the script above but it didnt worked.
I'm having a problem with the CalendarExtender's position in Google Chrome (4.0.249.78 (36714)) when a page is scrolled down such that the scrollbar position is > 0
- 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 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/)
[Code]....
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.
I am using AJAX Cascading dropdown extender,and i have made a running dummy example.Using web service second dropdown is filled based on the selection of first drop down. But actual query that should fill second drop down have some more constraints in 'where' clause of the sql query, and that's value is too dynamic that (i cannot assume its value to be static). So i need that that variable's value in my web method too.
I am using the newest AJAX control toolkit. What I want to accomplish is I have a modal popup panel with cascading dropdown list and radio button inside. The issue is the postback. RadioButton and Cascading dropdown have postback so that will cause the modal panel disappear after the postback. I just want the panel disappear after I click the ok button on the panel and send the data into a field in a page. What I did was I placed the update panel inside the popup panel. If I did that, I would see the dropdown lists automatically refresh every time by accessing the webservice. If I placed the update panel outside, the dropdown would not be triggered. Even I set the trigger for the Update Panel, it will not see that way.
I have a GridView that is inside a Web User Control, that is inside an ASPX Page, that is wrapped by the Master Page.
Inside a GridView, I have a template field with DateTime type that has a TextBox inside EditTemplate. I extended this TextBox with CalendarExtender and it works ok in Internet Explorer.
I also have a DetailsView control on the same WebControl that I use to Insert new enrty. InsertTemplate for this field is the same as in GridView (Textbox with Calendar extender).
The problem occures when i click on the Edit link (or try click on the link that displays DetailsView in Insert mode for adding new entry) in any other browser: Chrome, Firefox, Opera.
The problem itself is that the calendar extender does not get poped out. I have a UpdateProgress Control on an ASPX page, that thie control is loaded into, that shows loading image while page is being posted back asynchronously.
In internet explorer the loading image is shown for jst a moment and then dissapears. Calendar extenders works perfectly.
As for the other browsers, the loader does not dissapear and none of ths postback links are working, as if it was waiting for the previous postback event or something else to finish. Finally I have to reload the page to get to the inicial stage or click a direct URL link to get somewhere else.
I am using a compare validator control and also a ajax validatorcallout extender control for data check on a field.
Both of them work well...but only the ajax call out extender pop up error message should display ... right now I have both of them displaying.. it defeats the purpose of having calloutextender, if I am displaying the comparevalidatror message anyway on the webpage.
How do make it so that only the pop up calloutextender ajax is triggered and not the comparevalidator error message.
I want to save the input mask used in the control, but ONLY if a valid value was entered. In this markup, the mask is properly displayed and stored even if the user doesn't enter anything. Since a zero-length string is a valid value, the entered value is being stored in the database as (___) ___-____ If there is no value entered, the value stored should be a zero length string.
I am referring to following line from this link [URL] ....
data 'continentId ' 'ddlContinents.ClientID'.val ''
In your code. i tried using this code and facing a tiny problem. In above mentioned code 'ddlContinents.ClientID'.val stores integer value in contentId for obvious reasons but the requirement of my code is different. i want to pass text which is selected instead of id no.for example if mumbai is listed as second option and i select mumbai it should store mumbai in contentId instead of 2 i.e. integer value.
I am trying to get two cascading dropdownlist to work but cannot get either to populate. How do I de-bug this? I'm not getting any errors, just blank dropdowns.
I've been trying to fill in webservice from SQL Server. But in-case this was the problem. I found an example on this site to fill with test values, but this still does not work. Since I cannot even get first to populate, to simplify I'm just giving code for first dropdown and its function(s)
