Forms Data Controls :: Set Position Of Datalist Horizontal Scroll?
Jun 7, 2010
I have a datalist within a table and it scrolls horizontally. The data is set up to progress from past to future. By default the page loads with the table scrolled all the way to the left, and therefore displaying data which is furthest in the past. I would prefer for the table to load with the scroll bar in the middle, so that data at the split between past and future is displayed and the user can go further each way as he desires. how to set the focus within the table to let my datalist load exactly where I want it?
I 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 ..
I have a gridview with around 250 columns which are generated automatically except first column which is fixed. Is there any way I can fix the first column but allow horizontal scrolling on remaining columns.
I have only 6 rows in gridview so don't need vertical scroll.Here is my code.
To prevent it, i tried implementing following javascript code by user Sun Rays:
<script type="text/javascript"> window.onload = function () { var strCook = document.cookie; if (strCook.indexOf("!~") != 0) { var intS = strCook.indexOf("!~"); var intE = strCook.indexOf("~!"); var strPos = strCook.substring(intS + 2, intE); document.getElementById("divGvIncidentDetail").scrollTop = strPos; } } function SetDivPosition() { var intY = document.getElementById("divGvIncidentDetail").scrollTop; document.title = intY; document.cookie = "yPos=!~" + intY + "~!"; } </script>
I get the following error when i run the code: Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object Am i missing something? or is there any other better solution to maintain the scroll position
I have a scroll bar in GridView. I m maintaining scroll bar position with javascript. It is working fine.
I have one more datagrid in the same page. I want to apply same Javascript to that datagrid also. Here is the javascript I used.
<script language="javascript" type="text/javascript"> var scrollTop; Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); function BeginRequestHandler(sender, args) { var m = document.getElementById('divexample2'); scrollTop=m.scrollTop; } function EndRequestHandler(sender, args) { var m = document.getElementById('divexample2'); m.scrollTop = scrollTop; } </script>
i need to add vertical as well as horizontal scroll bar to grid view. i have read your artical about adding vertical scroll bar. how to add horizontal scroll bar ??
I have a gridview with scroll enabled. Means i have a gridview like this-
[Code]....
I want during postbacks scroll position of my gridview will not change. I have tried many articles on the web, but in some scrolling is retained only in IE, in some others scrolling position changes on clicking edit link of gridview. I want a good solution for IE, FF, Chrome
I'm using a DataList to display photos in a TabSheet. The problem I get is that the div seems to get wider based on the # of pictures even though the pictures are not displayed and a scrollbar is.
Due to which it adds a horizontal scrollbar to my controls. Now i have a checkox inside this with autopostback property enabled due to which whenever i checked it, my sroll position changes which makes a difficult task for user to enter data. Is there any way to maintain the horizontal-position of scrollbar om autopostback? although i have tried maintainscrollposition=true in page tag but doesnot work for horizontal scroll position
I have a panel on a pretty basic C# page. I've set the height, and width, and set thescrollbars = "Vertical". However, on some pages, the panel adds a horizonal scroll bar. It seems very random, and I can't figure out why or how to prevent the panel from adding horizontal scroll bars. The content in the panel is dynamic from a sql database, and I use a Repeater to display the returned sql.
Here is my code from my page for the panel. Did I forget something?
The horizontal scroll bar is always visible weather there is text or not, in a disabled mode.
And the vertical scrollbar of textbox flickers when I am moving my mouse cursor over anchor tag <a />. For textarea control the scroll bar automatically goes up. I am hiding and showing a div tag on click of anchor tag.
I want to bind my dataliadt with scroll event .. I got the solution in the article [URL]....
But my binding method is also associated with some control of page so i cant use sotred procedure as suggested in article ....... how I have to bind my datalist ?
this is my jquery code...am gtting the data but in a single column...but i specified in th data list that repeatcolumns="3"
function OnSuccess(response) { var xmlDoc = $.parseXML(response.d); var xml = $(xmlDoc); pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());
i am trying to bind image column from database to a control (tried with gridview) to show images in one single row showing 3 images at a time with a scroll bar...can anyone let me know if there is any way of doing this with javascript but not with jquery??
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?
I 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 got a problem in horzontal scrollbar in listbox. For Asp.Net, i put the div and inside placed the scroll bar. I got the horizontal scroll bar. But in list box if it is large data, it is scrolled a list box, not scrolled list box inside data. I put the code here.
I built some local reports (on a asp.net pages). The reportviewer control is inside a table, with width set to 100% and reportviewer width is also 100%. Because the width is high and unknown. For one of these reports I get a horizontal bar. But for another one...I can't get it. Both of them has interactive size(width) set to 8.5in.
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.
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.
