I have a GridView bound to a SqlDataSource. If the text in a particular column is very long then the Grid view becomes very wide, well off the page. How do I constrain it, if necessary truncating the text displayed? I cannot find the relevant setting in the properties section.
View 1 Replies
If I have to show big text in gridview's particular column, then how can i control its height and width (especially) in ASP.NET C#so that i do not affect other columns height and width.
View 1 RepliesIs there any way to set the width of a GridView to a pre-determined width?
I have set the width of the gridview and all the columns to a % and then to a number of pixels but it does work. The gridview always sets itself to a width required to display all fields and it goes beyond the resolution of the screen. I would like to contain it to 1024 pixels.
Here's my .aspx
[Code]....
.I am new to asp.net.Is there any way we can limi the width of the gridview in the design mode.
I have to put 15-20 columns on the gridview.When I add columns to gridview the width shoots out of the page and the page design is seems ruined.
i placed it inside the panel and added scrol bars to it. it looks ok when debuggin i.e looks ok in internet explorer but in design mode it ruins the page design.
I 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
[Code]....
[Code]....
<%@ Page Title="" Language="VB" MasterPageFile="secureds_deals.master" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<script runat="server">
Protected DealId As Integer = 0
Protected DealName As String
Protected StartDate As Date
Protected ContractDate As Date
Protected ClosingDate As Date
Protected SubmitRole As String
Protected Status As String.......
I have a dropdown list in a gridview field. The DataValueField for the ddl is an 8 digit item code. The text to display through will be quite longer, 40-60 characters because it will combine the item code and item name into a single string. I don't want the dropdownlist field to be that wide though, only what is displayed when the ddl is selected.In Access you can set the width property of the list to display wider than the field itself. Is there that capability in ASP.NET and if so where do I find it?
View 2 Repliesi Have a dynamic column gridview control in a page hosted in sharepoint. Grid is binded to an XMl and placed inside a Div control. I have set rowstyle-wrap=false and width=100% and overflow of parent Div to auto
There are only 2 columns in grid that can have long size text data (with and without spaces between words).
Problem
1. When grid has lot of columns (say 20), a scrollbar appears on the IE window(as page content is out of windows size); but the two columns that have long text values in them, gets wrapped.
2. when grid has less columns (say 5), no scrollbar appears in IE windows(as page content fits within window).but the same two long text columns, doesn't get wrapped and render in a single line.
Is there any max width of gridview? I want that grid should take all the space (as per content) and show scrollbar; the content should not get wrapped.
how to make grid content not to wrap and expand to any width.
How can I set GridView column width? I would like to show "Edit", "Delete" and "Details" links in the same row. Currently these links are wrapped in three different lines.
View 5 RepliesHow to set the specific the width of each column, the columns are created automaticly
View 3 RepliesI have a gridview on a page but when the results are rendered they push the page out to the right causing you to have to scroll left to right.
Is there any way I can set max width on this?
Here is my code:
[code]....
I'm trying to set the width of gridview's column.
1) I have a template field with the HeaderText ="WheelChair" that has a checkbox. Just for checkbox its taking the width that of the HeaderText. How do I set the width of this column just enough to fit the checkbox or how do I break the HeaderText of such columns.
2) Also I have another column 'Address ' . I don't want to wrap the content in such columns.
After clicking "edit" button gridview gets resized (stretched). How to keep it always the same width?
View 5 Repliesi need to set the column width of my gridview.
However the the column in the gridview is dynamic created which might more or less depend on system logic.
I have try to set the column width in row_created event, rowDataBound event, but it show me that no column is available by using gridview.columns.count.
I have tried to increase the width of the td in Gridview table. I have tried the Headerstyle width, itemstyle width, CSS class. nothing works so far.
does not matter what width I set up, the width of the column remains the same. It really drives me mad now.
After binding a gridview to a datareader - Im trying to set the width of the first column by using :
[Code]....
this is giving me an error : Index was out of range. Must be non-negative and less than the size of the collection.
I have been searching the internet for a solution to this for hours. I have tried all of the following methods to set the column width on my GridView control:
1. <asp:TemplateField HeaderText="ColumnHeader" ItemStyle-Width="100px">
2. <ItemStyle Width="100px" Wrap="False" />
3. GridView.Columns[0].ItemStyle.Width = 100 both on the PageLoad event and, out of desperation, on the RowDataBound event.
I have tried these settings by themselves and in combination. I have also experimented with different CSS width settings for the GridView and its containing <div> (including none) to no avail. The GridView columns are always equally spaced and wrap the row description text in the first column in a rather ugly fashion. As this needs to be fixed for a presentation to a client on Monday, I would be eternally grateful to anyone who could point me in the right direction.
I am trying to set the width of each column within my gridview. Problem is that none of it is working. I have tried setting the whole grid view to 100% and then break down each individual column to a certain percentage, tried manually adjusting Header Width, Item Style width, tried setting it in code, I have tried just about everything and the column doesn't want to budge. The only time I can adjust the width of the column/cell is when I do it in SQL, but because they are requesting the tooltip to preview the comment I would like to pursue my options doing it on the page itself.
//Code protected void grdComments_RowDataBound(object sender, GridViewRowEventArgs e)
{//Setting the tooltip for the comment column and column width.
grdComments.Columns[3].ItemStyle.Width = Unit.Pixel(100);
//e.Row.Cells[3].Width = Unit.Pixel(100);
e.Row.Cells[3].Wrap = false;
e.Row.Cells[3].Style["overflow"] = "hidden";
e.Row.Cells[3].Style["text-overflow"] = "ellipsis";
e.Row.Cells[3].ToolTip = e.Row.Cells[3].Text; }
I have a gridview and I want to fix the column size to a certain size regardless of the length of the data in a given cell.
I have tried everythign I can think of from
gvwProjects.Columns[1].ItemStyle.Width
gvwProjects.Columns[1].ItemStyle.Wrap
to setting the length of the lblContol in the template but no matter what I do the column size automatically increases beyond my fixed size to meet the size of the longest cell in the bound datatable.
how to set the fixed value with the columns in a grid view? my code works fine if you have normal words with space. If the length of the whole field is more than its width, It would come to the next line. But If we type big word without any space like "WWWWWWWWWWWWWWWWWWWWWWWWWWWWW", It would by default increase the width and disturbs the layout.
View 4 RepliesI have set up an editable GridView using the AutoGenerateEditButton property. When the Edit link generated is clicked I only get a small editable area, is there a way to customise this to show more text?
View 2 Repliesadjusting Gridview width tried many ways?
[Code]....
[Code]....
[Code]....
[Code]....
Gridview columns are created programmatically and when displaying the gridview first time it looks great. But click on a number to go to another page in gridview the column size changes and looks terrible, but correct data is displayed.How do I fix the formatting problem?
View 4 RepliesI populate a gridview dynamically which has differen column numbers depend on requirements. My goal is to adjust column width dynamically. I have tried several methods and events, then RowCreated event of GridView looks best one to do. My code is as below. When
i check result at the ViewSource on the browser, i can see that width of <td> successfully adjusted. BUT nothing changes on the browser, column width always as wide as text?
My Code [Code]....
HTML RESULT SUCCESSFUl [Code]....
I have this lastname column and address column. The address obviously is longer so it makes the gridview to increase its height which I don't want to happen. What I want is to increase the column width of the address in gridview that will suit the long text inside it. How could I do it in C#? Currently this are my codes:
C#
[Code]....
CSS
[Code]....
