Javascript - Horizontal Scrolling For GridView
Nov 30, 2010
I've got my GridView inside another Panel and I got scrollbars but GridView is to big even with paging. So user needs to scroll down to scroll horizontal (to see horizontal scrollbar). How can I add any horizontal scrolling trick for my GridView in the Panel. Maybe something from javascript ? My js knowledges is still being poor. I really hard thinking on what that could be, maybe floating horizontal scrollbar?
View 2 Replies
Similar Messages:
Apr 2, 2010
I saw a horizontal menu bar on CNN that used scolling images. The bar had arrows on eithe end to scroll the imagessmoothly to the left or right. Additionally clicking on one of the images filled a dsiplay area below the bar with information relatinh to the image. I prefer CSS only but if I must use JScript then I will.
I haven't been able to find any code to do this and don't have the knowledge yet to write it myself. I saw one site that said I could get code similiar to what I need but then it never gave a link to download it. My boss wants it on our web page if I can make it happen.
View 9 Replies
Jan 11, 2011
I am developing an ASP.Net website which has a listbox which will be accessed by IPAD.The problem I am facing is that listbox has rather long text and IPAD does not show horizontal scrollbar when I use div tags. The two-finger horizontal scrolling doesn't work either on IPAD /Iphone.
View 1 Replies
Feb 25, 2010
I am working on a project in asp.net c#. I need to implement horizontal scrolling content slider having image title & description in the home page.
View 1 Replies
Nov 10, 2010
Newbie to ASP.net. Programming in C#.I'm querying a SQL database and displaying the results in a gridview. The results can be many records so I need to provide the facility to scroll vertically and horizontally. To display the headers when scrolling I have implemented ( in my asp code) the headers in another table and the data is in another table. I see now I cannot align the column headers with the table data.Appreciate any help to fix this issue. ( What I need is a similar to the freeze function in excel where you can freeze the header while scrolling horizontally and vertically)If this method is not a good one to display headers with data please suggest another methodHere is my ASP code.
<div id="divProjectTableHeaderFullDetail" runat="server" style="background-color: #993300;
height: 40px; width: 770px; margin: 0; padding: 0 ; " >
<table style="font-family: Arial; font-size: 10pt; color: white;" cellspacing="0"
[code]...
View 11 Replies
Jan 17, 2011
A gridview is having 96 fields/columns retrieving data from an xml file.I need to gridlevel horizontal scrolling from 3 rd column keeping first two columns freeze .While scrolling horizontally (e.g. left to right), The column header have to move horizontally. Kindly guide me for the same. I got the scrollbars but now my issue is how to freeze first two columns of a gridview(for comparing values in one column with other column values)
<div style="overflow:scroll"></div>
[Code]....
Keeping Heading and Title column freeze and doing gridlevel horizontal scrolling for the rest.
View 2 Replies
Sep 22, 2010
I am using jqplot to show candlestick chart and the data is from xml.I retrieve data from xml and put it into array and then jqplot creates a candlestick chart from that.but xml file contains lots of data so in chart values are over lapping (with fixed width). we make graph of lets say 10% of data and place a scrollbar and on every tick of scroll bar we rebuild graph with next data or there already exists any such functionality of scrolling graph/chart in jqplot
View 1 Replies
Mar 30, 2011
I'm trying to control the scrolling of a div containing a gridview using some js code I found at [URL] Intent is to stop the gridview in the div from scrolling to the top after the select in the gridview is operated. Prior to adding the ajax extentions the detail would display when the select image was operated. Now the grid appears ok but when the select is operated nothing happens - perhaps the nSelectedIndexChanging="DetailsView1_Show" code behind is no longer firing? Perhaps I am missusing the ajax extentions? Using VS 2010. My code is as below,
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<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 = $get('serviceorders').scrollLeft;
yPos = $get('serviceorders').scrollTop;
}
function EndRequestHandler(sender, args) {
$get('serviceorders').scrollLeft = xPos;
$get('serviceorders').scrollTop = yPos;
}
</script>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<input type="hidden" id="hdnScrollTop" runat="server" value="0" />
<div id="serviceorders" style="position: absolute; left:300px; top:180px; height:100px; width:700px;
font-family: Arial; font-size: small; color:black; overflow:auto">
<asp:GridView ID="sobydate2GridView1" runat="server"
AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="SOSONO"
DataSourceID="sobydate2gridview1SqlDataSource" AllowPaging="false" HeaderStyle-Wrap="True"
GridLines="None" OnSelectedIndexChanged="DetailsView1_Show"
OnSelectedIndexChanging="DetailsView1_Show">
<Columns>
<asp:CommandField ShowSelectButton="True" ButtonType="Image" SelectImageUrl="linkimage.gif" />
<asp:BoundField DataField="SOSONO" HeaderText="Service Order" ReadOnly="True"
<asp:BoundField DataField="SORSP" HeaderText="RSP" SortExpression="SORSP" />
View 3 Replies
Jan 25, 2010
So I've been handed an older website, and been asked to make some modifications. It's been made with ASP, and I'm not really familiar with it. [URL] I've been asked to get rid of that awful scrolling. By looking at the page source, I determined that the scrolling is done using some inline Javascript.
<script type="text/javascript">
function getElementPosition(theElement){
var posX = 0;
var posY = 0;
while(theElement != null){
posX += theElement.offsetLeft;
posY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
return {x:posX, y:posY};
}
var offsetY = 0;
window.onload = function(){............................
View 3 Replies
Nov 9, 2010
In web application, i tried scrolling the window vertically by increasing a y axis height to 500 with a javascript that is attached to OnClientClick event of a asp.net button control with id Button1. The script i have used is
<script language="JavaScript">
function scrollToWindow()
{
window.scrollTo(0,500);
}
</script>
and the button code is as follows
<asp:Button ID="Button1" runat="server"
Text="Scroll to bottom" OnClientClick="scrollToWindow()" />
If i run this page and click that button, the page scroll is not working properly. when i put alert inside that script and debug, i found that the page is actually scrolling to 0,500 but again its rendering to its normal position because of some reasons. Overcome this issue and let me know the reason behind that?
View 3 Replies
Sep 13, 2010
i am using Grid view. when ever bulk data is there in Gridview, Header and footer must not be move..
how can i do that.
View 3 Replies
Mar 4, 2011
I need to print the current page in the asp.net application for that I am using javascript:window.print().
It's working fine when the page content is within the bounds. However, if the horizontal scrollbar appears as a result of overflow, am able to print only the visible content while the overflown contents couldn't be printed.
Is there any workaround to get this working? Is there any other alternative apart from javascript to achieve this functionality?
View 1 Replies
Aug 3, 2011
I've got one long GridView control on my website. The problem is, when I scroll down this GridView and select a row the selection occurs, but whole GridView is scrolling back to top and lost its current position. I am also fixed header of my gridview but when i put stop scrolling code in that page, its disable my fixed header.
View 2 Replies
Mar 9, 2010
I searched throughout the forums and couldn't find an answer. Anyway, I have a modal popup extender which contains a Gridview. The gridview is used to return results from a search function also inside the modal popup. Everything is fine as long as I do a search that returns a few results, but when I do a search that returns a huge number, the modal panel stretches out. What I want to do is keep the modal window at a fixed size and use scroll bars to allow users to navigate the panel.
View 2 Replies
Jan 29, 2010
Having some problems with a solution that apparently works:
<script type="text/javascript" >
//following code utilizes jQuery 1.2.6
var prev = 0;
$(document).ready(
[Code].....
It doesn't ever seem to hit my AsyncHandler, not sure if my selectors are wrong since I'm using a Masterpage in ASP.net, but it seems to be picking up the elements.
View 1 Replies
Sep 27, 2010
I have a gridview with a nested gridview, the nested gridview exoands on the click of a button driven by some java
the parent gridview is in a panel with virtical scroll bar enabled.
In the development area I can expand a nested gridview and scroll down and it will travel with the parent in the correct position.
When published the nested gridview has a fixed position and wontn scroll with the parent.
View 1 Replies
Oct 8, 2010
i have a gridview inside a div that has scrollbars. see bellow
[Code]....
is there a way to keep the gridview header always visible while scrolling down.
like in MS Excel.
View 2 Replies
Feb 28, 2011
ASP.NET 3.5,I'm upgrading a page that currently uses classic asp and xslt to display about 2000 readonly tabular records. Please leave aside the issue of whether this is a good idea or not.My asp.net replacement page uses a gridview to do the same thing.The scrolling in IE8 using this old code is very smooth and even. The scrolling using the asp.net page is horribly jerky. I can't figure out why - there doesn't appear to be much client side code running.Any clues welcome as this is a high traffic page that I want to look as good as possible.The same page also can't handle a row highlighter - same reason slow and jerky.
View 2 Replies
Jan 16, 2013
I have used a GirdView to display data from database, data would be huge around 670 rows. And also I want to display all data together on single page.
Therefore I want to use virtual page scrolling. Means on Page load only 20 rows would be displayed, then when page would be scrolled next 20 rows would be displayed.....
View 1 Replies
Jan 20, 2010
how to make an horizontal scroll for my large GridView ?
...exquestion here : [URL]
View 1 Replies
Mar 8, 2011
Before you say, yeah this question can be duplicate;
Gridview "Freeze Pane" Solutions
How to freeze GridView header?
Freeze GridView Header in ASP.NET ?
How To Freeze Columns in GridView
But there is no solution both freeze pane Horizontal and Vertical.
Let's Go My Question !
I have a Gridview like this.
Here is my Gridview code;
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
DataSourceID="SqlDataSource1" DataKeyNames ="HESAP_NO,DOVIZ_KOD"
Font-Names="Verdana" Font-Size="Small" AllowSorting="True"
onrowdatabound="GridView1_RowDataBound"
onrowupdating="GridView1_RowUpdating" onrowcommand="GridView1_RowCommand"
PageSize="2" BackColor="White" BorderColor="#999999" BorderStyle="Solid"
BorderWidth="1px" CellPadding="3" ForeColor="Black" GridLines="Vertical" >
<Columns
[Code]....
View 1 Replies
Aug 13, 2010
I put a GridView control in a Panel control so that the GridView's rows can be scrolled vertically. With selection of row enabled for a Button field, I am able to select any row with the selected row background color highlighted. Problem is when you scroll down to a row that is way pass the Panel height and select the row, after postback the GridView will render to show the top rows which are visible within the Panel height. So the selected row in it's background color cannot be seen.
View 3 Replies
May 7, 2010
I have gridview haivng the edit mode
when i click on the edit link it is scrolling up.
i need to stay at the same position .
i also used MaintainScrollPositionOnPostback=true;
but there is no use.
View 2 Replies
Jun 9, 2010
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;
View 3 Replies
May 31, 2010
I need to display a table but in a horizonal manner, i should be able to catch the item selected event.
View 2 Replies