actually when I design the page in asp.net (in c#) I arrange the contents in specific way , but when make "browse in web page" the contents overlapping and some of them get bigger and another get smaller and some move from original position etc.I tried to use tables to make the content fixed , I also tried to use the percent in size of tables, td and tr but with no useful.
View 1 Replies
How to make the gridview header to be fixed on overflow. I used this cssclass for Header Style but not working properly with all browsers.
Code:
position: relative; top: 0;
i have this column in a datagridview on aspx page
<asp:TemplateField HeaderText="Observacion">
<ItemTemplate>
<asp:Label ID="lblOrderID" runat="server" Text='<%# Eval("Observacion") %>'></asp:Label>
</ItemTemplate>
<ItemStyle Width="200px" Wrap="False" />
</asp:TemplateField>
I have set up the itemstyle with and wrap to false, but anyways the width columns grows the the data is too long. i just want to change the height of the column not the width. Here us the complete code of the datagridview
<asp:GridView ID="GridView1" runat="server" AutoGenerateDeleteButton="True" CellPadding="4" EnableModelValidation="True" ForeColor="#333333" GridLines="None" AutoGenerateColumns="False">
<columns>
<asp:boundfield datafield="ID_OBSERVACION" visible="False" />
<asp:boundfield datafield="AUTOR" headertext="Autor" />
<asp:boundfield datafield="FECHA" headertext="Fecha" />
<asp:TemplateField HeaderText="Observacion">
<ItemTemplate>
<asp:Label ID="lblOrderID" runat="server" Text='<%# Eval("Observacion") %>'></asp:Label>
</ItemTemplate>
<ItemStyle Width="200px" Wrap="False" />
</asp:TemplateField>
</columns>
<AlternatingRowStyle BackColor="White" ForeColor="#284775" Wrap="False" />
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" Wrap="False" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
</asp:GridView>
I am able to put gridview inside asp:panel and scrolling works too. But the moment I down, the header of gridView scrolls above inside the panel and gets hidden.
I just want to scroll rows, not the header. How can I do that?. Following is what I am using.
On a side note, I have tried to wrap gridView in DIV but div doesn't show the scroll bars in the first load for some reason.
[code]....
I want user to be able to scroll in a div to see all the rows. But setting div's overflow property to true. When I starts scrolling header goes away. Is it possible to make header static. So that I can sort or do any kind of other operations.
Currently I tried to take fixed table above grid and hiding grids header. But on editing it is not expanding as the grid is expanding.
How to set the GridView column fixed in width size whether there is data in the column cell or not. I try below code using "ItemStyle-Width" in the BoundField control to fix the column width but column became narrower if there is no data to display in it. Is this a no solution of ASP Gridview control ?
<asp:GridView
ID="GridView1"
runat="server"
AutoGenerateColumns="false"
Font-Names="Arial"
Font-Bold="true"......
[URL]
i just wanted to fixed 2 rows of headertemplate. how can i do that using jQuery?
I have a user control is shown through a SimpleModal popup (JQuery), this user control gets some data from database and displays them (the details of a record).
The problem is that this user control makes a round-trip to gets the data every PostBack for the parent page even it's hidden.
I wonder if I could make it gets its data only if the popup is appeared.
I tried to put it inside a Panel with false for Visible property and change it to true when I open the popup, but it stil call Page_Load which gets the data from database!
how to make fixed header when data is empty
View 3 RepliesI have a site that is fully designed and content implemented, but need to install a CMS for the client to make changes to the content. I am used to php CMS scripts but not ASP or .Net. Basically all I need is an admin login for the client and there they can select the page they wish to edit. recommend a solution that is easy to install, implement and is free or very inexpensive? Only needs to be a WYSIWYG type editor, not too many bells and whistles.
View 5 Replies[code]...
I have something like this. I want to make "Package Recap" invisible when the page is loaded. It is in the .
is there any way to make the content container of an Ajax accordion invisible ?
View 1 RepliesWhat is the easiest way to make a tooltip with an aspx content form?
View 3 RepliesNote.Using this on master page.Ok.After trying for hours i cannot get it to work.I need the footer to stay on the bottom of the screen.This is exactly what i want but i does not work(footer stays where content ends). URL....
My page structure is this:
Code:
html,body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
color: #000;
[code]...
I build my website in jquery manner. On document-complete I request data from server (by page method) and put it into html by jquery template. So, I wonder, would this HTML be visible to Search engines crawlers? And if not, how to make it visible? Is there a common solution? Or is it a great disadvantage if jquery?
View 3 RepliesLanguage: C#
Values for multiline textbox in gridview are coming from SQL db "text" type previously entered by user...sometimes a small amount, sometimes a lot. Want to display enough to make it readable without wasting space on the screen. Can't believe this mechanism is not built in but have researched & see I may have to count lines then set the "number of row" property.
Question 1: Should this be done in databound or rowdatabound event?
Question 2: Could someone provide the "row counting" code (in C#)?
I have an ASP.NET website. This site is fairly complex in the sense that it has all sorts of blurs, gradients and rounded corners. The content of the website is always going to be in the same area, an area within some rounded corners. The content is going to be of a dynamic height. And, I can't show any scrollbars, other than those displayed by the browser window.
The banner is a Flash movie. I want to prevent the page from flickering. Because of this, I want to only update the url of the content portion. My question is, is there a way to do this without significant re-working? I thought an iframe would be suitable, but I can't figure out:
How to make the iframe's height dynamically grow/shrink based on the size of the content Get rid of the borders / scrollbars across the major browsers.
Is what I'm trying possible? Is there a better way to do it?
I think this may be to simple of a question for these forums, but I guess I'll risk a little tarnish on my armor. In my web application, some of the pages I create don't have enough content to fill up the whole page. So it extends to the bottom (or beyond) of the browser window.
Where could I find an example, or, does someone have an example of how to make the content area of an individual page expand so the footer of my page is indeed at the bottom of the window? Kind of an auto-growing/shrinking thing.
how to restrict zoomover when we use wheelmouse along with the control .Its urgent for me to restrict the user not make scrolling on the web form.
View 6 Repliesi tried and tried and maybe searched the entire web... but i could not find anything good for my asp.net gridviewcontrolwhich whill fix the header and allow sorting. but most of all work in all browsers and not just IE and Firefox alone.... chrome was the main problem nothing worked...this was one option:
.HeaderFreez
{
position:relative ;
top:expression(this.offsetParent.scrollTop);
z-index: 10;
}
[code]...
Are the various subpages that you can put on an Ajax updatepanel in fixed locations or can they be opened and closed in place of one another like forms on an MDI form in Visual Basic?
View 5 RepliesI am doing an output to a text file using
Code:
StreamWriter.WriteLine(myText)
The file get's created and records are written. Now, the problem is that this needs to be a fixed length text file. I am reading data retrieved from a stored procedure and looping through a data table to populate the text file like:
Code:
Code:
For Each Row In myDataTable.Rows
myText = myDataTable.Rows(i).Item(0).ToString() & _
myDataTable.Rows(i).Item(1).ToString() & _
get a fixed length regardless what is filled from my data table?
i want to make a fixed header table
and i have table inside a div where i kept the header(which should be fixed) rows in <thead> and
the content data in <tbody> and the issue im able to get the fixed header in IE using the below css expression for div.(header and content data contains many columns i.e around 10)
I was able to do it in IE
position:relative;
top:offserPArent.scrollTOp;
as the css expression is not supported in other browsers like firefox,safari,chrome...fixed header is not working in these browsers
any javascript code which works for all browsers (atleast browsers other than IE)
and even i tried to keep header and content data in seperate tables then header is fixed but the columns in the header table are not properly aligned with the columns of the content data table...
I know this topic has been asked, but the posts are all out of date, or not functional on IE8. In brief we basically want to do the excel style locking of column headers in a GridView. I have seen a couple of solutions one jquery+ css(setExpression) which doesn't work in IE8. And another that uses ajax extensions, yet again doesn't work in IE8.
I have been through every solution in the below link and have yet to find a working implementation for IE8. [URL]
I am using an ASP.NET ListView control and, at the moment, I have a scrollable grid: (example below is simplified and contains embedded styling for sake of question)
<asp:ListView ID="ListView" runat="server" DataKeyNames="Id">
<LayoutTemplate>
<div style="height:225px; overflow:auto;">
<table runat="server">
<tr>
<th>
<span>Column1</span>
</th>
<th>
<span>Column2</span>
</th>
<th>
<span>Column3</span>
</th>
</tr>
<tr id="itemPlaceholder" runat="server" />
</table>
</div>
</LayoutTemplate>
<ItemTemplate>
<tr id="items" runat="server">
<td class="first">
<%#Eval("Column1")%>
</td>
<td>
<%#Eval("Column2")%>
</td>
<td>
<%#Eval("Column3")%>
</td>
</tr>
</ItemTemplate>
</asp:ListView>
I'd like to apply CSS such that my headers are fixed. What styling can I add to make it work?
