Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

one of the item in datalist misaligned

Posted on 2010-11-14
3
Medium Priority
?
421 Views
Last Modified: 2012-05-10
one of the item in the datalist has misaligned (as shown in attached pic), and mostly it occurs during first load. Sometimes it is ok when second or third load.



 
<div style="padding-left:50px;">
                                            <asp:Datalist ID="dlarticle" runat="server" Height="33px" Width="800px" 
                                                    onitemdatabound="dlarticle_ItemDataBound" 
                                                    onitemcommand="dlarticle_ItemCommand">
                                                          <ItemTemplate>
                                                          <fieldset>
                                                                <table>
	                                                            <colgroup>
	                                                            <col width=200 valign=top>
	                                                            <col width=400 valign=top>
                                                                <col width=150 valign=top>
	                                                            <col width=150 valign=top>
	                                                            <col width=150 valign=top>
	                                                            </colgroup>
	                                                            <tr>
		                                                            <td class="datalisttitlefont">Category</td>
		                                                            <td class="datalisttitlefont">Description</td>
                                                                    <td class="datalisttitlefont">Total</td>
		                                                            <td class="datalisttitlefont">View</td>
                                                                    <td class="datalisttitlefont">Create</td>
		                                                            
	                                                            <tr>
	                                                            <tr>
		                                                            <td class="datalistcontentfont"><%# DataBinder.Eval(Container.DataItem, "a_categoryname")  %></td>
		                                                            <td class="datalistcontentfont"><%# DataBinder.Eval(Container.DataItem, "a_desc") %></td>
                                                                    <td><asp:Label ID="lblTotal" runat="server" /></td>
		                                                            <td>
                                                                    <ItemTemplate>
                                                                     <asp:Label ID="lblid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "id") %>' Visible="false" />  

                                                                                <asp:LinkButton ID="lbViewPost" runat="server" 
                                                                                CommandName="VIEWPOST" CssClass="note" CommandArgument='<%#
                                                                                DataBinder.Eval(Container.DataItem, "id") %>'></asp:LinkButton>
                                                                    </ItemTemplate>
                                                                    
                                                                    </td>
		                                                            <td>
                                                                     <ItemTemplate>
                                                                    
                                                                                <asp:LinkButton ID="lbCreatePost" runat="server" 
                                                                                CommandName="CREATEPOST" CssClass="editnote" CommandArgument='<%#
                                                                                DataBinder.Eval(Container.DataItem, "id") %>'></asp:LinkButton>
                                                                    </ItemTemplate>
                                                                    </td>
	                                                            <tr>
	                                                           
                                                            </table>
 


                                                                  

                                                             </fieldset>
                                                           </ItemTemplate>
                                                        </asp:Datalist>
                                            </div>

Open in new window

misalign-item-datalist.jpg
0
Comment
Question by:doramail05
  • 2
3 Comments
 
LVL 13

Expert Comment

by:devlab2012
ID: 34133732
In the following section of your code:
<table>
      <colgroup>
             <col width=200 valign=top>
            <col width=400 valign=top>

give fixed width in <table> tag like <table width="800">
0
 
LVL 1

Accepted Solution

by:
doramail05 earned 0 total points
ID: 34133896

have like <td style="white-space : nowrap;" .. >

it seems like the problem went off,

but sometimes it came out like a 'not ready' page which makes the page look weird. Until refresh is pressed and page reloaded correctly.
0
 
LVL 1

Author Closing Comment

by:doramail05
ID: 34237318
solved already at this time
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

876 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question