Forms Data Controls :: Cannot Scroll In IE8
Dec 23, 2010I have a panel with a vertical scrollbar. When I set the property of the panel "enabled = false" then I can't scroll anymore in IE8, but I can still scroll in Chrome.
View 6 RepliesI have a panel with a vertical scrollbar. When I set the property of the panel "enabled = false" then I can't scroll anymore in IE8, but I can still scroll in Chrome.
View 6 RepliesArticle here [URL] ....
The code only working for DataList what if I want replace it with ListView just cuz I need my items design responsive ...
I am trying to use a marquee tied to a datalist. here is my code: The marquee does not scroll it only displays. If there are multiple items in the datalist, each shows with the label. How can I make the text scroll and only show the label once?
[Code]....
[Code]....
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.
<div id="dvShipmentGrid" style="width: 1000px; padding-right: 10px;
i need to scroll my gridview horizontally but not vertically.I have tried many solution but either it is fixed or scrolling bothways.
View 7 Replieshow can I set Scroll bars for grid view.
View 3 Repliesi have a gridview with vertical scrollbar and i have 100 rows in table. How to load 10 rows each time,when i scroll down or up.
View 5 RepliesI have a gridview inside a div and everytime i scroll to the bottom rows of gridview, it throws back to the top of the grid.
<div id="divGvIncidentDetail" runat="server" style="overflow:scroll; min-height: 10px; max-height: 250px;" onscroll="SetDivPosition()">
<asp:GridView ID="gvIncidentDetail" runat="server" ...>
</asp:GridView>
</div>
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
how to fix the height and width of the griedview to have only a scroll to records.
View 1 RepliesI 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?
View 14 Replieshere my requirement is datagrid scrollbar which is smaller than the datagrid height... I need little scrollbar at top vertical possition...
View 3 Replies 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>
and here is the reference [URL]
My listview is larger then my page, and I need to be able to add horizontal scroll bars. How do I do that?
View 2 RepliesI am trying to put the gridview in a panel or a div and setting the scrollbars = "auto" (panel) and Overflow:auto(divs)
But its not working.
I dont want to set the width of gridview in pixels and so i am using Percentage instead.
Now when i click on edit on the grid view, the gridview does not come up scroll bars but instead the browser horizontal bar is coming.
[Code]....
I am implementing a Datagrid with custom scroll bar(tiny scroller using Javascript).
Here the problem is the Header also scrolls.So how can I make it fixed.
I have one solution like following.
function s()
{
var t = document.getElementById("");
var t2 = t.cloneNode(true)
for(i = t2.rows.length -1;i > 0;i--)
t2.deleteRow(i)
t.deleteRow(0)
Headerdiv.appendChild(t2)
}
Here the header is Fixed(almost problem solved).But the Header columns are not in Correct position corresponding to data columns.
I have been looking through endless webpages trying to get a handle on putting a scroll bar on a gridview, and fixing the headers . I have tried following a few examples and had a working demo on a test page, however when I placed the code in the main page on a FormView i have come up with the following error on this procedure
[Code]....
[Code]....
i want to apply scroll in gridview....because there are many columns and it makes disorder in my design.i found code from ccodeproject and also in this site
<div id="grdCharges" runat="server" style="width:
875px; overflow: auto; height: 160px;"> [code]....
I have to freeze the first column in a data grid. i have done freezing part but the issue is vertical and horizontal scroll bar movement getting slow. in my data grid each row contains 18 textboxes and 18 image buttons.if number of rows count around 15 then the scroll bars working almost properly.issue in
morethan 15 rows
For freeze i am using CSS.Platform is asp.net1.1
in CSS i am using below given codes.
div#div-datagrid {
width: 200px;
height: 200px;
overflow: auto;
}
/* Locks the left column */
td.locked, th.locked {
position:relative;
cursor: default;
left: expression(document.getElementById("div-datagrid").scrollLeft-1);
}
/* Locks table header */
th {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color:Navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;
top: expression(document.getElementById("div-datagrid").scrollTop-4);
z-index: 10;
}
/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}
My gridview can have several hundred records, and therefore users will have to scroll down to view and edit some of them. The problem is when they want to edit a record that they have to scroll down to, when the page enters edit mode it stays at the top of the page, instead of focusing on the current record, how can I change it to scroll to the correct record in edit mode?
View 3 RepliesI 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 have seen alot of posts on the inetrnet with the solution to mainatin gridview scroll using an Ajax Update Panel.
Every solution I have seen though seems to have the same problem..as explained they dont work in content forms with master pages...at leat no solution I have seen has worked.
Does anyone know how to resolve this problem of using update panel to maintain gridview scroll with masterpages?
hoe to add scroll in gridview
View 1 RepliesLoad data while Scrolling Page down with jQuery AJAX and ASP.Net.
I want to implement same thing but want to get data base on User input and implement the same. How to write Store Procedure where i can use where clause.
[URL]
above link for bind GridView with TemplateField and asp control using jquery ajax.
now second link is [URL] for show image and bind when scroll down using json .
i want to add first link code into second link articles .so that we can image bind when scroll down using jquery .
I want to develop a product page which Load Data While Scrolling page down using jquery ajax just like as facebook or flipkart on wheel scrolling databind(text, image, button).
View 1 Replies