Forms Data Controls :: Scroll A Gridview Horizontally?
Oct 8, 2010i need to scroll my gridview horizontally but not vertically.I have tried many solution but either it is fixed or scrolling bothways.
View 7 Repliesi need to scroll my gridview horizontally but not vertically.I have tried many solution but either it is fixed or scrolling bothways.
View 7 RepliesI need to build a list of strings with a checkbox next to each one of them. I want to build it horizontally, but I don't want a horizontal scroll bar to appear. I was thinking of using either a Repeater or a DataList for the task, but how do I wrap the data to prevent a scroll bar to appear?
View 2 Repliesis there a way of putting a horrizontal split in a gridview, so say you have a client column on the left hand side, everytime the client changes there is a blank row or there is a split in the girdview?I am using c#by the way
View 2 RepliesI have a website wrote in asp.net which is dynamic which gets its data from an access database. I want to put some sort of image control on my site and load it with images in code behind. I then want the control to scroll horizontally. I don't have a clue where to start.
View 6 Replies[URL]
need modification
instead of the images being displayed vertically one below the other , how can it be done in a horizontal way
4 or 5 images in one rowvthe next oon second rowvand so on
i have gridview in my page.
i want all data that show in gridview be on center of row i wrote this code but it didn't worked.
<ItemStyle HorizontalAlign="center" VerticalAlign="Middle" ></ItemStyle>
what can i do?
how to implement Insert feature to a grid view?I need to use fields with scroll bar inside of a grid view. Is that possible through the template field?
View 23 RepliesI 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;
how can I set Scroll bars for grid view.
View 3 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
I 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]....
Article 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 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 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 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]....
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 Repliesi 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 ??
View 1 RepliesInside of Repeater control i had taken Checkbox and i m bing the data to check boxes
[Code]....
|_| Groups
|_| Groups
|_| Groups
|_| Groups
|_| Group1
|_| Group1
|_| Group1
|_| Group1
But i need like this
|_| Groups |_| Groups |_| Groups |_| Groups |_| Groups
|_| Group1 |_| Group1 |_| Group1 |_| Group1 |_| Group1
based on same values i need to group the values like above O/P what i shown you.
Ok this is a bit weird. If I run this on my machine using IE everything looks fine. If I publish to my server and run using same machine and same browser my multiline textboxes show for a split second correctly then they scroll horizontally and get all messed up? Why are the scrolling horizontally and why do they look fine locally?
.style3
{
margin-bottom:5px;
overflow:hidden;
border:2px solid #666;
outline: none;
[Code]....
I have a many to many table in my database called PeopleLanguage
PeopleId, pk and Languags pk each go to the own table People and Language
I know make a method call with my objectdatasource GetPeopleByLanguageId
This returns the languages that the selected person speaks and has a select
query also to lanaguageTable to get LanguageName.
I now print out the results in a datalist that is binding to LanguageName.
What i want to do is show the languages in a horizontal format with a comma after each one.
At the moment if there are 3 languages it shows each one on a seperate line / if I make it horizontal
layout I still dont get a comma. Perhaps I can use a repeater?
i want to add scroll with fixed header in gridview below is my code:
<div class="fontInside" style="height:300px; background-color:#eeeeee; overflow:scroll;border:1px; border-color:#d4d4d4 ;border-collapse:collapse; width:100%">
<asp:GridView ID="gvAccounts" runat="server"
CssClass="mGrid" AutoGenerateColumns="False"
GridLines="None" >
<AlternatingRowStyle CssClass="alt" />
<HeaderStyle CssClass="fontInside"/>
<EmptyDataTemplate>
[code]...
We use a responsive gridview, that gets bigger if you maximize the window. I tried to use your solution but either the gridview is responsive or the header stays at his position.
View 1 Replies