rhishi20 Posted October 22, 2013 Share Posted October 22, 2013 (edited) asp page design view is not showing gridview on design page. I am working on a asp project. one of the asp page is not showing it's design view completely but it showing it's source view and code is running fine.actually gridview is not showing in design view. please help me to fix it. following is my code please go through it <%@ Page Language="VB" AutoEventWireup="false" CodeFile="inassembly.aspx.vb" Inherits="inassembly" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <link rel="shortcut icon" type="image/x-icon" href="Images/favicon.ico" /> <link id="Link1" runat="server" rel="icon" href="Images/favicon.ico" type="image/ico" /> <script type="text/javascript"> function openwindow() { window.showModalDialog('popup.aspx', '', 'width=500,height=500,status=0,toolbar=0,menubar=no') } </script> <style type="text/css"> .CSSTableGenerator { margin:0px;padding:0px; width:100%; box-shadow: 10px 10px 5px #888888; border:1px solid #000000; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;}.CSSTableGenerator table{ width:100%; height:100%; margin:0px;padding:0px;}.CSSTableGenerator tr:last-child td:last-child { -moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px;}.CSSTableGenerator table tr:first-child td:first-child { -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;}.CSSTableGenerator table tr:first-child td:last-child { -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px;}.CSSTableGenerator tr:last-child td:first-child{ -moz-border-radius-bottomleft:0px; -webkit-border-bottom-left-radius:0px; border-bottom-left-radius:0px;}.CSSTableGenerator tr:hover td{ }.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }.CSSTableGenerator tr:nth-child(even){ background-color:#ffffff; }.CSSTableGenerator td{ vertical-align:middle; border:1px solid #000000; border-width:0px 1px 1px 0px; text-align:left; padding:7px; font-size:10px; font-family:Arial; font-weight:normal; }.CSSTableGenerator tr:last-child td{ border-width:0px 1px 0px 0px;}.CSSTableGenerator tr td:last-child{ border-width:0px 0px 1px 0px;}.CSSTableGenerator tr:last-child td:last-child{ border-width:0px 0px 0px 0px;}.CSSTableGenerator tr:first-child td{ background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) ); background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f"); background: -o-linear-gradient(top,#005fbf,003f7f); background-color:#005fbf; border:0px solid #000000; text-align:center; border-width:0px 0px 1px 1px; font-size:14px; font-family:Arial; font-weight:bold; color:#ffffff;}.CSSTableGenerator tr:first-child:hover td{ background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) ); background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f"); background: -o-linear-gradient(top,#005fbf,003f7f); background-color:#005fbf;}.cssnew{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f"); background: -o-linear-gradient(top,#005fbf,003f7f);} .CSSTableGenerator tr:first-child td:first-child{ border-width:0px 0px 1px 0px;}.CSSTableGenerator tr:first-child td:last-child{ border-width:0px 0px 1px 1px;}</style> <style type="text/css" >.body1 {background-repeat: no-repeat;width:100%; }</style><style type="text/css" >.blurring {opacity:0.4;filter:alpha(opacity=40); }</style><title> Assembly Dash Board</title> </head> <body id="blurbody" runat="server" style="height: 201px; background-image:url('Images/bluelast.jpeg') ; overflow:hidden " > <form id="form1" runat="server"> <div class="body1" id="dvmain1" runat="server"> <table> <tr> <td width="120" height="30" valign="top"> <img src="Images/imapglogo3.bmp" alt="" /> </td> <td align="center" valign="top" width="70%" > <%--<img src="Images/titleimg.bmp" alt="" />--%> <asp:Label ID="label4" runat ="server" Text ="Assembly Dash Board" ForeColor="DarkRed" Font-Size="Larger" Font-Names="arial" Font-Bold="true" ></asp:Label> </td> <td align="center" style="width:100px; width:"20%"> <asp:ImageButton ID="button2" runat="server" ImageUrl="Images/backred2.gif" /> <%--<asp:Button ID="button2" runat="server" Text="Back" BackColor="BurlyWood" />--%> </td> <td align="left" style="width:100px;"> <%--<asp:Button ID ="button3" runat="server" Text="Layouts" BackColor="BurlyWood" BorderStyle="Outset" />--%> <asp:ImageButton ID="button3" ToolTip="click to view Layouts" runat="server" ImageUrl="Images/images24revised.JPG" /> </td> </tr> </table> <table> <tr > <td align="left" nowrap="nowrap"> <asp:Label ForeColor="White" Font-Size="small" ID ="label5" runat ="server" Text ="Cost Center :" Font-Bold="true" ></asp:Label> </td> <td align="left" nowrap="nowrap" colspan="5" style="width:300px;" > <asp:Label ForeColor="White" Font-Size="small" ID="label6" runat ="server" align="left" Text ="text"></asp:Label> </td> <td align="center" style="width:200px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="left" style="width:200px;" > <asp:label Font-Size="small" ForeColor="white" ID="label11" runat="server" Font-Bold ="true" Text="Pending(%)"></asp:label> </td> <td align="left" style="width:200px;"> <asp:Label Font-Size="small" ForeColor="White" ID="label16" runat ="server" Font-Bold ="true" Text="Total Number"></asp:Label> </td> <td align="left" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="White" ID="label1" runat ="server" Font-Bold ="true" Text="Completed"></asp:Label> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> </tr><tr > <td align="left" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label14" runat ="server" Font-Bold ="true" Text="Location :"></asp:Label> </td> <td colspan="5" align="left" style="width:200px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label10" runat="server" Text="text"></asp:Label> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" id="label7" runat ="server" Text ="Assemblies" Font-Bold="true" ></asp:Label> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label12" runat="server" Text="value"></asp:Label> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="White" ID="label17" runat ="server" Text="value"></asp:Label> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label2" runat ="server" Text="value"></asp:Label> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td></tr><tr> <td align="left" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" id="label19" runat ="server" Font-Bold ="true" Text="Engineer :"></asp:Label> </td> <td colspan="4" align="left" style="width:200px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label15" runat="server" Text="text"></asp:Label> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor ="white" ID="label8" runat="server" Text="Items" Font-Bold ="true" ></asp:Label> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label13" runat="server" Text="value"></asp:Label> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label18" runat ="server" Text="value"></asp:Label> </td> <td align="center" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" ID="label3" runat ="server" Text="value"></asp:Label> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td></tr><tr> <td align="left" nowrap="nowrap"> <asp:Label Font-Size="small" ForeColor="white" id="label21" runat ="server" Font-Bold ="true" Text="Delivery Date :"></asp:Label> </td> <td nowrap="nowrap" colspan="2" align="left" style="width:100px;"> <asp:Label Font-Size="small" ForeColor="white" id="label20" runat ="server" Text="text"></asp:Label> </td> <td align="center" style="width:200px;"> </td> <td align="left" style="width:100px;"> </td> <%--value of completed--%> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> <td align="center" style="width:100px;"> <%--blank--%> </td> </tr><%--<tr> <td align="left" style="width:100px;"> <asp:Label ForeColor="#8C001A" id="label22" runat ="server" Text=""></asp:Label> </td> <td align="center" style="width:200px;"> </td> <td align="left" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> <td align="center" style="width:100px;"> </td> </tr>--%> </table> </div> <table width="100%"> <tr><td><div class="CSSTableGenerator" style="float: left; width:100%; "> <table id="Table1" runat="server" cellpadding="1" border="1" style="background-color: #FFFFFF; border-color: #999999; border-style: none; border-width: 1px; width: 100%; "> <tr> <td align="center" style="width:08%;"> <font color="#dddddd" size="01px" > Assembly </font> </td> <td align="center" style="width:14%;" > <font color="#dddddd" size="01px"> AssemblyName </font> </td> <td align="center" style="width:07%;"> <font color="#dddddd" size="01px"> Source </font> </td> <td align="center" style="width:14%;"> <font color="#dddddd" size="01px"> Operator </font> </td> <td style="width:04%;" > <font color="#dddddd" size="01px"> Hours </font> </td> <td style="width:03%;"> <font color="#dddddd" size="01px"> Start Date </font> </td> <td style="width:04%;"> <font color="#dddddd" size="01px"> End Date </font> </td> <td align="center" style="width:22%;"> <font color="#dddddd" size="01px"> Operators </font> </td> <td style="width:03%;"> <font color="#dddddd" size="01px"> Hours </font> </td> <td style="width:03%;" > <font color="#dddddd" size="01px"> Start Date </font> </td> <td style="width:03%;"> <font color="#dddddd" size="01px"> End Date </font> </td> <td style="width:03%;" > <font color="#dddddd" size="01px"> Shortfall </font> </td> <td style="width:03%;"> <font color="#dddddd" size="01px"> Rack </font> </td> <td align="center" style="width:07%;"> <font color="#dddddd" size="01px"> Remark </font> </td> </tr> </table> </div></td></tr> <tr><td > <div class="CSSTableGenerator"id="div1"style="height:460px; overflow:scroll " > <asp:GridView ID="GridView2" style="table-layout:fixed;" Width="100%" AutoGenerateColumns ="False" AllowSorting="true" runat="server" CellPadding="4" ForeColor="#333333" GridLines="both" > <AlternatingRowStyle BackColor="#aad4ff" /> <Columns> <asp:TemplateField HeaderText="" HeaderStyle-Font-Size="Small" > <ItemTemplate > <asp:label ID="label23" Font-Size="small" ToolTip ="click to see assembly page" runat="server" Text='<%# bind("AsbCd") %>' > </asp:label> </ItemTemplate> <HeaderStyle BorderStyle="Outset" Width="90px" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="center" /> </asp:TemplateField> <asp:TemplateField HeaderText="" HeaderStyle-Font-Size="small" > <ItemTemplate> <asp:label ID="label24" Font-Size="Small" ToolTip ="click to see assembly page" runat="server" Text='<%# bind("AsbNm") %>' > </asp:label> </ItemTemplate> <HeaderStyle BorderStyle="Outset" Width="90px" /> <ItemStyle BorderStyle="Outset" HorizontalAlign="Left" /> </asp:TemplateField> <asp:BoundField HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField HeaderText="" DataField="operators" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField HeaderText="" DataField="Days" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right"/> </asp:BoundField> <asp:BoundField DataField="PlannedDt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0: dd- MMM- yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="PlancedEnddt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0: dd- MMM- yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="Operator" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="left" /> </asp:BoundField> <asp:BoundField DataField="ActualDays" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="ActualStartDt" HeaderText=" " ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="ActualEndDt" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell " DataFormatString="{0:dd-MMM-yyyy}" HtmlEncode="false" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="IssuePending" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell " > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="rack" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Right" /> </asp:BoundField> <asp:BoundField DataField="Remark" HeaderText="" ItemStyle-Font-Size="Small" HeaderStyle-Font-Size="Small" HeaderStyle-CssClass="fixedheadercell" > <HeaderStyle BorderStyle="Outset" /> <ItemStyle BorderStyle="Outset" HorizontalAlign ="Center" /> </asp:BoundField> </Columns> </asp:GridView> </div> </td> </tr> </table> </form> </body></html> please fix it. Edited October 22, 2013 by rhishi20 Link to comment Share on other sites More sharing options...
justsomeguy Posted October 22, 2013 Share Posted October 22, 2013 You're saying the code runs fine, and the only problem is that it doesn't display in your IDE? Link to comment Share on other sites More sharing options...
rhishi20 Posted November 6, 2013 Author Share Posted November 6, 2013 yes ! yes ! please help Link to comment Share on other sites More sharing options...
justsomeguy Posted November 6, 2013 Share Posted November 6, 2013 Well, it sounds like there is a problem with your IDE. Which one are you using? Link to comment Share on other sites More sharing options...
rhishi20 Posted November 8, 2013 Author Share Posted November 8, 2013 (edited) Well i have fixed problem. it's because of one of the css style. i have written overflow="hidden" on body tag after removing overflow="hidden" i can see my datagrid design in design view but now there is another problem beacause of that, i have created scrollable gridview with fixed headers on it. and i have puted overflow ="hidden" for disabling vertical scrollbar but after removing it two vertical scrollbars displayed. can you please help ? Edited November 8, 2013 by rhishi20 Link to comment Share on other sites More sharing options...
justsomeguy Posted November 8, 2013 Share Posted November 8, 2013 It sounds like it's inside a container with overflow:auto on it, if you change the outer container to hidden then only the inner element should scroll. Link to comment Share on other sites More sharing options...
rhishi20 Posted November 9, 2013 Author Share Posted November 9, 2013 In my case inside container is div with gridview and body is outer container. i have keep overflow:scroll on div then what should be the value of overflow for body. because i just want vertical scrollbar on div only, not on body. and if i use overflow:hidden on body then design view will disturbed like earlier. right now i haven't set overflow property for body but it showing both vertical scrollbars for body as well as div. please help ! Link to comment Share on other sites More sharing options...
justsomeguy Posted November 11, 2013 Share Posted November 11, 2013 I'm not really sure how you're designing the page, but normally the body is allowed to scroll. If you want to stop the body from scrolling and have a div that stretches the entire body then you can only scroll the div, but I'm not sure what the point of doing that is. You're either scrolling the entire page or just the div, right? Are there other things on the page that you always want to be visible so that when you scroll you're only scrolling the contents of the div? Link to comment Share on other sites More sharing options...
rhishi20 Posted November 14, 2013 Author Share Posted November 14, 2013 yes. i have placed fixed header for gridview and when body scrolls those headers goes out of range of gridview. hence i want to only move div (gridview) and not body. anyway, my problem has been solved whenever i have to work with design view i just remove overflow:hidden from body and after completing work i paste overflow:hidden over body so that vertical scrollbar on body will be non-visible. Thanks for your help. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now