Properly Changing Ajax MultiHandle Slider Parameters On Postbacks?
Jun 17, 2010
In VS2010 I have VB.NET codebehind aspx pages and I'm using Ajax multihandleslider extensions to filter search results on numerical values.
Fistly, the multihandle sliders don't display in the designer... I have to remove the slider targets tag:
In order to make it display in the designer... this isn't so much a big issue but an annoyance.
I am displaying items in a given category. So I get the max and min prices for all items in that category and assign the sliderextension max/min values appropriately.
This works fine until... I change the item category and go get a new max/min value for the slider control. I set the max/min values, then I set the target textbox values each to the corresponding max/min values.
The slider handles don't repaint (or init?) properly Like say for example my initial min/max is 1/100 if I do a full postback and change the max value to 1000 then the slider bar (correctly) stays the same size but the handle appears WAYYYY to the right off the page and I have to scroll to it. When I click it, it shoots back onto the slider bar.
'm new to Ajax control toolkit so maybe I missed something essential on the way. I have downloaded and added Ajax to my project and everything seems fine. The Slider contor works but when I add a MultiHandleSlider to my page and run it I get the following error:Runtime error Microsoft JScript: 'null' is null or not an objectThis is the code for my MultihandleSlider:
[Code]....
I have tried all sorts of combinations but I still get this error - Does anyone have an idea on how to solve this?
i have a user control that includes a dropdown list its actually a page navigator when the user press next page iam setting the index of the selector to the value of a hidden textbox where textbox is filled from javascript function. ex txtbox initially is 1. then when next pressed it is 2 and so on but when doing postbacks i.e pressing next it is not changing the index although in the debuy its showing its setting to the new value. as if there is something that is reseting it to the initial value after the page loads if i put my method in the prerender method its working fine. but in the page_load method its not updating to the new index changed. i need to put it in the page_load method as i have to register some event handlers for the navigator.
I have a slider that is getting its initial value from a data table. I am trying to update the value upon textxhanged event. My means of accesing the data table is linq. The intitial value is correct and the update event works but the updated value is whatever the default for the textbox is. How do I get the value of the slider extender itself? Here is all related code:
[Code]....
As you can see I put in a value of 20 in the label.text and that is what gets updated to the db. if I leave both the textbox.text and the label.text empty the db gets update to an empty field. I have seen mention of a value attribute for the extender but have been unable to figure out how to use it.
I realized I incorrectly posted my code when I originally posted this query so I will try again. I am trying to use a Slider Extender with the values 1.00 to 7.00. The Slider works properly but I would like to add labels to the slider with the values 1 thru 7.
I have an asp.net 3.5 page with between 5 and 15 dynamically created sliders/textboxes. I would like to have a button that the user can click to reset all the sliders to 0 (far left position).
I have no problem finding the sliders and setting their values; the problem is in redrawing the sliders back to the far left position. No matter what I try, the sliders stay exactly where they were, even though their values are all now 0.
I'm using a slider extender to allow user to select a value from 1 to 7. It works perfectly, but I can't figure out for the life of me how to label the damn thing. I would like the slider to look something like these lovely examples from
In a div element, I have a slider (using the Ajax Toolkit slider extender on a textbox). I then want to place a checkbox control right next to the slider - on the same row. However, on the page, the checkbox ends up one row below the slider. It looks like the slider adds a line break after itself. Is this expected? How can I avoid this?
For information, this code is placed in a content section of a page that has a masterpage attached to it. The content section is more than wide enough to contain the slider and the checkbox.
When I do a TextChanged event on slider1 (by dragging the slider, changing the value), the protected void Slider1_TextChanged(object sender, EventArgs e) event FIRES, however, the TWO other sliders, protected void Slider2_TextChange, and protected void Slider3_TextChange also FIRES. What gives? why do they fire when I am physically only sliding the slider1 across. The two other sliders values did not change on the webform, yet the event fired.
In order for the event to fire for slider1, I had to insert "Autopostback=true" in the <asp:TextBox ID="Slider1" autopostback="true" OnTextChanged="Slider1_TextChanged">. For <asp:TextBox2> and <asp:Textbox3> I did not put the autopostback event for now.
I have a series of sliders in a table. All of the contents of each cell are centered, except the sliders. No matter what I do, they stay left-aligned. You can see them here: http://www.benedict.com/Info/FairUse/Visualizer/Visualizer.aspx
In my codes i can page my GridView with sliders between numbers.
In NorthWind Database i can get records and filtering with Sliders based Category ID and Price Range in MyGridView. I want to add third Slider which can filtering between category names and show in myGridView.
It seems like this would be fairly straight forward. I've got a gridview that loads up using one stored proc, but I've got a searchbox to filter the grid, and when the user enters some criteria I want to use a different proc to return the results. Something tells me I should be doing this with one procedure, but I can't seem to make that work either. When the form loads, my grid is populated. And if I leave my search criteria blank and search anyway, my grid is still populated correctly. But if I enter search creteria, I get diddley squat. What gives? Here is the relevent snippets.
I am using Slider Extender for the very first time and i am not able to figure out why am i facing this problem, the problem is mentioned below :I kept the slider extender, Script Manager and 2 text boxes(one for TargetControl and one for BoundControl), i have given all required values (i.e. Maximum, minimum, steps etc.) now the slider should load on page load. Although the slider is loading on page load but the Bar of the slider is coming out of position. The same thing when i did with Orientation as Horizontal it worked properly but for Vertical orientation it is giving the above problem.
I want to customise the handle and the rail (i.e., background) on a Ajax Toolkit slider (using the slider extender on a textbox). The extender has the two properties RailCssClass and HandleCssClass, which can be used for this purpose. However, I can only get the customised Handle to work - not the customised Rail. I end up with a slider that has the custom handle image that I specified, and has a completely blank background (i.e., the original rail has been overridden in some way). However, the new rail/background does not take effect. Any suggestions for why this is, and how I can get this to work?
Here is the code for the div with slider text box and the slider extender, and (below) the CSS classes for the handle and rail:
I need to control volume of aspnet audio control using the slider extender in ajax. I have a listview in which every item click plays an mp3 file. Also at each click i assign the current value fron slider to the volume of audio control so that the volume is not reset each time the user clicks on an item. But the problem is that the slider extender does not increase the volume but only decreases it from the last value set.
how to convert the direction from rtl to slider extender the code below shows slider extender from left to right I want to change direction from right to left? could you please to explain?
I have a JavaScript slider which calls the follow functions:
var prm = Sys.WebForms.PageRequestManager.getInstance(); prm._doPostBack('ZoomButton1','');
The ZoomButton1 is tied to an UpdatePanel and does a partial postback. In this case, when the Slider is constantly be dragged left and right, the value is changing/updating and JavaScript is hammering the postback extremely fast. It is so fast, the server sometimes but not always reports a pagerequest manager error, I believe.
I know that I can set it to just update my data (updatepanel) on a button_release or a mouse-up.. but occasionally, I still encounter the pagerequest manager error.
Im trying to incorporate the ajax controll toolkit slider control within an ascx control so that i can then use that within a repeater on an aspx page. Basically i want to have a number of slider controls rendered to a page with default values based on data from a database. i need to put the slider within a data bound repeater as i wont know until runtime how many sliders i will need (maybe there is a better way?). does anyone know of ay examples of how to do this?
The user will then need to be able to move the slider to the value they are after and on the mouse up event ie when they release the slder I will want to be able to update my database with the value they set it to. This bit i think i am ok with but i cant seem to work out how to build a page where by i can render lots of slider controls wth default valuesset from a database.
i need to create a page that will ave lots of slider controls on it. about 50 in total. Does anoyne have any examples or good ideas how to handle that many sliders on a single page.
The problem i have is that the ajaxcontrol toolkit sliders seem to behave a bit eratic... eg sometimes you cant slider the slider on select the desired value and sometimes all the sliders disapear just leaving the text box they are linked to visible?
I've implemented WebForms Routing (using ASP.NET 3.5 SP1) and have a routed page that uses the AJAX Control Toolkit Slider control. The handle image doesn't always display, depending on the depth of the URL. I believe it may be something to do with the image being and embedded resource accessed via webresource.axd.
For example:
www.myapp.com/tours - will display the handle image www.myapp.com/tours/london - doesn't display it.
My routing is configured as such:
[Code]....
On viewing the HTML source the actual image is rendered as:
[Code]....
Been hitting my head against a brick wall with this for days?