AJAX :: DropDownExtender's Position Is Incorrect When The Page Has A Scroll Bar?
Jun 13, 2010the dropdownextender works fine until I scroll down the page, see the following screenshots.
View 2 Repliesthe dropdownextender works fine until I scroll down the page, see the following screenshots.
View 2 Repliesi have a update panel and when a link button is fired i need to set the scroll position to the top. i need this to happen in the code behind, i have tried the following but it wont work.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "srcoll_0", "window.scrollTo(0, 0);", true);
I have a customized HTMLEditor with less buttons. Nothing very special.I use this HTMLEditor in a User Control (ASCX) that has a ModalPopupExtender.
[Code]....
When I open the modal popup,the HTMLEditor appears and I can click the button to select a color without problem.The issue comes when I scroll the page down and opens the popup again.The color selector, the list of colors that open when I click the color selector,appears in an incorrect position on the window. And if I scroll a little bit more, the list of colors will not appear anymore.The same happens with the popup when I create a link.The popup to write the link and select the target appears in strange positions.It seems that the initial position of these popups depends on the scroll of the whole page.it makes the editor useless.
I'm using MaintainScrollPositionOnPostback=true property but this doesn't seem to work with chrome. (works on IE),
Is there any other way to maintain scrool position without using this property?
I want to maintain the scroll position of a page. So I try to get the page cordinates and set the position on the page load (actually I've a postback in my page) using JS as follows. What I've done is on a client click on an image get the page cordinates and keep in a hidden field.
[Code]....
GetScollerPosition function invoke in an image click event. But it's not work as I expected, the SetScrollPostion always find the value of hidden fields as zero.
[Code]....
I am trying to use an anchor tag to automatically scroll down to "position1" when the page loads.
I have created this name tag in the .aspx page and then trying to redirect to that tag in the page_load event but this results in that the page doesn´t load at all and cant be seen in the browser:
I have some collapse able anhcor link tags on a page that reveal some text when clicked on i.e.: [+] Topic This is all done in javascript client side. I would like to maintain the users scroll position on the page when these links are clicked on. They dont cause a postback as iv mentioned above its client side javascript.
View 6 Repliesi am using asp.net 4.0 iis 7.5 microsoft visual studio 2010
what i want is keep whole page (browser) scroll position (not a div or panel) when asynchronous postback happened (update panel) how can i do this actually i had a function which can keep div scroll bar position after postback like this
<script type="text/javascript">
var xPos, yPos;
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(BeginRequestHandler);
prm.add_endRequest(EndRequestHandler);
function BeginRequestHandler(sender, args) {
xPos = document.getElementById('Main').scrollLeft;
yPos = document.getElementById('Main').scrollTop;
}
function EndRequestHandler(sender, args) {
document.getElementById('Main').scrollLeft = xPos;
document.getElementById('Main').scrollTop = yPos;
}
</script>
bu i could not find browser scroll bar id to get its values to get with document.getElementById
I tried out the solution posted for [URL]
Is there any way to maintain scroll position if I need to re-direct to same page?
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.
View 3 RepliesI am using ASP.net 2.0 and AJAX 2.0. I implemented successfully auto-complete extender for my text box and it is working very good. But the problem is for Drop down list position. When the page first load and at that time if we use auto complete drop down will come properly but if the scroll bar position change then drop down will overlap the text box and it will change the position. For more info I will put screen of it.
View 6 RepliesI have serveral long ASP.Net pages, I use RequiredFieldValidator, RegularExpressionValidator and ValidatorCalloutExtender for validations, Submit buttons are typically at the bottom of the pages. The problem I have: if the errors happen at the top portion of the page when Submit buttons are clicked, the forms do not scroll to the top automatically, the users have to scroll up to see the ValidatorCalloutExtender.
View 2 RepliesI use pagination for my datalist according to this link [URL].....
this is style of pagination
First 1,2,3,4,5 Last
when i run web site i see my datalist with pagination in webpage my datalist is middle of page when i click on page number 2 or 3 to see other page of datalist it reload page and go to top of page i should scroll until I can see my datalist again.
i want when users click on page number after that they see other page of datalist directly not top of page ..
Can I save a page position in browser after clicking button or some other actions (after PostBack)
I need it on Page Change event in my DBGrid like on msdn.microsoft.com - when I change Tab C# -> C++ for example it doesn't refresh whole page and I still being on same position in browser.
I have some problems with maintaining scroll position after postback. First time I experienced the problem was when I (believe) added Combobox control from AJAX control Toolkit and/or UpdatePanel from AJAX Extensions. The problem is when I do the postback on the page the page is loaded at the top and not where I did the postback. Actually, this wouldn't be a problem if it isn't happening on a very large form. I have already tried using MaintainScrollPositionOnPostback="true", but it wasn't helpful at all. I can provide the code if needed, but I don't think it would be of any use because I have comboboxes inside update panels which are rebinded on a button click.
View 1 RepliesI have a gridview which is placed inside div tag to make the grid view to look like having scrollbars
<div id="divgrd" style="overflow: scroll"; width: 350px; height: 150px>
My grid is placed here.
</div>
Now it displays nice view of the grid with scroll bars. I am changing the color of the row selected from the grid. Only problem is if the grid has around 50 rows and I select the 50th row then the scroll bar moves to the top of the grid. I want to stop it and maintain the scroll position. I cannot change the height of the div tag as the grid may be very large if the rows inside is increased.
I have a panel, inside a panel there are some checkbox and radiobuttonlist. This panel is place inside an UpdatePanel ajax.
When I click on a checkbox, it will raise autopostback with ajax supported, then the scrollbar of the panel always move back to the first position. It does not keep the current scrolling position.
How could I remain the scrollbar position?
I already have tried to add:
this.Page.SetFocus("PanelTrips");
this.MaintainScrollPositionOnPostBack = true;
how can I get back to the same position of a page on postback. It always seems to get to the top of the page
I've tried using ' maintainScrollPositionOnPostBack = "true" ' but its not working.
i used the dropdown list in user control.when i select the dropdownlist that scroll bar went to top.how can i maintain the scroll bar position in that situation?
View 3 Replieshow would i get the listbox vertical scroll bar to keep its posisition on postback ?nb I only care about the listbox scroll-bar not page.
View 5 RepliesI have found many articles claiming to show you how to set the scroll position of a ListBox, but what they really end up showing you is how to set the SelectedIndex of a ListBox.
Here is what I need: a databound ListBox that's usually going to have around 25 items in it. When the page loads, ALL of the items in the ListBox are selected, and the ListBox is scrolled all the way to the bottom.
I've got the "All items Selected" requirement already, but I can't figure out how to get the "Scroll to the bottom" done.
I have a page that uses AJAX updatepanels. On this page, we have some radio buttons with Autopostback set to true. The problem is that after the postback, the control was losing focus so that when the user would hit tab, control would be restored to the first control on the page and not the drop-down which fired the event. As a fix, I wrote some set focus code in the radio button's oncheckchanged event. This seems to have fixed the problem with the focus. The problem I have is that the browser loses its scroll position every time I click on one of these radiobuttons. Is there a way to maintain scroll position? Maybe there is another way to resolve my original problem of setting focus that will prevent this from happening.
View 6 RepliesHow can we retain Panel scroll position on postback without using any cookies.
View 6 RepliesI have taken a div inside the UserContol.
this usercontrol is placed in a page having master page.
In div i have checkboxlist control .
I want to preserver scroll position of while postback.
I have also used UpdatePanel in which i have placed this user control.
I have also triedMaintainScrollPositionOnPostback="true"
but does not work.
My page structure is this:
Masterpage > contentplacehoder (child Page) > UpdatePanel > User control > div > asp:CheckboxList
I have this working in several pages in my site but in one page it wont work!
this is the hierarchyof the page.
I have a treeview in a div,in an asp:panel, in an updatepanel in a user control. the panel is shown/hidden using the ajax modalpopupextender.
this user control is placed in a content page (using a master page).
Now that you got the above, I'll let you know what ive tried already.
I tried doing this:(which works perfectly when the treeview is placed simply in an aspx page)
[Code]....
tried using also :
[Code]....
Basically i kept playing around with it trying different ways but seems like the selected node is just not visible even though i call this JS function after i have selected the Node in code behind.