Using DataList, why the data sometimes display with a big gap to the left

Posted on 2011-02-10
Medium Priority
Last Modified: 2012-05-11
Hi, I'm using C#, asp.net 3.5
Can I fix this or should I use a different control?  The datalist gets translated to be another Table inside of the parent table in html source view.  Look odd.  Also, The data also seems to be higher of 1//2 of a row height when there is a 2nd row to be listed.  
Thank you.
Question by:lapucca
  • 4
  • 2

Author Comment

ID: 34864688
sorry, forgot to attach files.

Author Comment

ID: 34864943
Also, where and how is that comma added in front of the name when there is more than 1 to be listed?  I cannot find it in my code or sp?  Thank you.

Author Comment

ID: 34864983
Ok, found the comma but still not able to solve the spacing problem.
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

LVL 17

Expert Comment

by:Jesse Houwing
ID: 34869747
because you're using relative sizes of the table columns, the first column will grow with the size of the second column. So as more people are added to the list, the second column increases in size (the repeater is set to grow horizontally). the 1st column is set to always be 1/3rd of the size of the second column (25%/75%), so the 1st column increases in size.

If you want to solve this, either specify a width on the encapsulating table, or set the width of the 1st column to a fixed width and don't specify a width on the 2nd column at all.

Author Comment

ID: 34873320
I tried both but still get funny extra spacing here and there. I rid of percent and gavei 1st column a 10em width.  I then got rid of both column width.  I gave the Datalist a width of 4in.  both didn't work.  Should I just try some other control to do this?  I basicaly wants to list 2 names per line.  Thank you.
LVL 17

Accepted Solution

Jesse Houwing earned 2000 total points
ID: 34879444
It should be very simple to just create your ons webcontrol and take full control of the HTML generation.

Have a look at the following article(s) for a couple of ideas:

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

607 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