Solved

one of the item in datalist misaligned

Posted on 2010-11-14
3
409 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
imap mails 1 24
Modal Popup Extender control 1 22
How to ensure the user enters a value in a date field in an ASP.NET application? 1 17
key press alert 2 19
It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

821 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