html - Unexplained gap between items for visual studio module creation dotnetnuke -
html - Unexplained gap between items for visual studio module creation dotnetnuke -
i created linqdatasource connection sql server , load info within listview. listview added table top of listview title.(i tried div or p)
the issue when add together module website there gap between listview , top item whether table or dive or anything.
inside visual studio show fine no gap. here code:
<%@ command language="vb" classname="mymodules.productdetailsmodule" inherits="dotnetnuke.entities.modules.portalmodulebase" %> <%@ import namespace="codingstaff.modules.menubox.licensing" %> <script runat="server"> dim prodid integer </script> <% prodid = convert.toint32(request.querystring("productid")) %> <style type="text/css"> h1 { font-family: lucida grande; font-size: 15px; } td { font-family: lucida grande; font-size: 13px; color: #999999; } </style> <table style="width: 704px;"> <tr style="width: 704px;"> <td> <table> <tbody> <tr bgcolor="#e7e7e5" height="35"> <td align="left" style="width: 704px;"> <h1 style="color: #666666;">technical info</h1> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> <asp:listview id="listview1" runat="server" datakeynames="productid" datasourceid="linqdatasource1"> <itemtemplate> <tr> <td runat="server" style="width:352px"><strong>product code:</strong></td> <td style="width:352px"><strong> <asp:label id="productidlabel" runat="server" text='<%# eval("productid") %>' /></strong> </td> </tr> <tr> <td runat="server" style="width:352px"><strong>name:</strong></td> <td style="width:352px"><strong> <asp:label id="productnamelabel" runat="server" text='<%# eval("productname") %>' /></strong> </td> </tr> <tr> <td runat="server" style="width:352px"><strong>description:</strong></td> <td style="width:352px"><strong> <asp:label id="productdescriptionlabel" runat="server" text='<%# eval("productdescription") %>' /></strong></td> </tr> </itemtemplate> <layouttemplate> <table runat="server" border="0" style=""> <tr runat="server" id="itemplaceholdercontainer"> <td runat="server" id="itemplaceholder"></td> </tr> </table> <div style=""> </div> </layouttemplate> </asp:listview> </td> </tr> </table> <asp:linqdatasource id="linqdatasource1" runat="server" contexttypename="productsmodule.productsmoduledaldatacontext" entitytypename="" tablename="products" where="productid==@prodid"> <whereparameters> <asp:querystringparameter name="prodid" querystringfield="productid" type="int32" /> </whereparameters> </asp:linqdatasource> and here similar code same issue:
<%@ command language="vb" autoeventwireup="false" codefile="view.ascx.vb" inherits="desktopmodules_mymodules_productsmodule_view" %> <asp:linqdatasource id="linqdatasourceproducts" runat="server" contexttypename="productsmodule.productsmoduledaldatacontext" entitytypename="" tablename="products" orderby="productname" select="new (productid, productname)"> </asp:linqdatasource> <style type="text/css"> td { font-family:lucida grande; color:#666666; font-size:15px; } table{ margin-top: 10px; } a{ text-decoration:none; } a:link{ color:#666666; } a:visited{ color:#666666; } a:hover{ color:#666666; } a:focus{ color:#666666; } a:active{ color:#666666; } </style> <asp:table runat="server" style="width: 704px;" cellpadding="10" cellspacing="0"> <asp:tablerow bgcolor="#e7e7e5" height="45"> <asp:tablecell align="left" style="width: 100%;" > <p1 style="color: #666666; font-size:inherit"><strong>product list</strong></p1> </asp:tablecell> </asp:tablerow> </asp:table> <asp:listview id="listview1" runat="server" datasourceid="linqdatasourceproducts" groupitemcount="4" datakeynames="productid"> <alternatingitemtemplate> <td runat="server" style="background-color: #ffffff;color: #284775;" width="176"> <asp:image imageurl="~/images/drop59.png" id="image1" runat="server" /> <a href="http://localhost/dnn7/commercial-vehicle-lubricants/product-line/product-details?productid=<%# eval("productid") %>" target="_self"> <asp:label id="productnamelabel" runat="server" text='<%# eval("productname") %>' /></a> <br /> </td> </alternatingitemtemplate> <edititemtemplate> <td runat="server" style="background-color: #ffcc66;color: #000080;">productid: <asp:label id="productidlabel1" runat="server" text='<%# eval("productid") %>' /> <br /> productname: <asp:textbox id="productnametextbox" runat="server" text='<%# bind("productname") %>' /> <br /> </td> </edititemtemplate> <emptydatatemplate> <table runat="server" style="background-color: #ffffff;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;"> <tr> <td>no info returned.</td> </tr> </table> </emptydatatemplate> <emptyitemtemplate> <td runat="server" /> </emptyitemtemplate> <grouptemplate> <tr id="itemplaceholdercontainer" runat="server"> <td id="itemplaceholder" runat="server"></td> </tr> </grouptemplate> <insertitemtemplate> <td runat="server" style="">productid: <asp:textbox id="productidtextbox" runat="server" text='<%# bind("productid") %>' /> <br />productname: <asp:textbox id="productnametextbox" runat="server" text='<%# bind("productname") %>' /> <br /> </td> </insertitemtemplate> <itemtemplate> <td runat="server" style="background-color: #ffffff;color: #333333;" width="176"> <asp:image imageurl="~/images/drop59.png" id="image1" runat="server" /> <a href="http://localhost/dnn7/commercial-vehicle-lubricants/product-line/product-details?productid=<%# eval("productid")%>" target="_self"> <asp:label id="productnamelabel" runat="server" text='<%# eval("productname") %>' /></a> <br /> </td> </itemtemplate> <layouttemplate> <table runat="server"> <tr runat="server"> <td runat="server"> <table id="groupplaceholdercontainer" runat="server" border="0" style="background-color: #ffffff;border-collapse: collapse;font-family: lucida grande, helvetica, sans-serif; font-size:15px; color:#999999;"> <tr id="groupplaceholder" runat="server"> </tr> </table> </td> </tr> <tr runat="server"> <td runat="server" style="text-align: center;background-color: #ffcc66;font-family: lucida grande, helvetica, sans-serif;color: #333333; font-size:15px;"></td> </tr> </table> </layouttemplate> <selecteditemtemplate> <td runat="server" style="background-color: #ffcc66;font-weight: bold;color: #000080;">productid: <asp:label id="productidlabel" runat="server" text='<%# eval("productid") %>' /> <br />productname: <asp:label id="productnamelabel" runat="server" text='<%# eval("productname") %>' /> <br /> </td> </selecteditemtemplate> </asp:listview> update!!!!!
ive looked website chrome f12 see happens gap. ive notice on every table declaration gap added. here sample image. orange gap thats generated , below technical info there gap again.
i found problem this. had within module in page padding top 30px. , seems shares options whole site. anywhere table declaration existed added 30px gap on top. fixed making specific 30px padding table.avariablename dinstinct specific table only
html asp.net module dotnetnuke
Comments
Post a Comment