BulletedList and width

  • Thread starter Thread starter David C
  • Start date Start date
D

David C

I have a BulletedList control that is bound to a SQL table and it displays
fine. However, when I set the width property to 450px the bullets
disappear. Does anyone know why? Thanks. My sample control is below.

David
<div id="tasklist" class="Show">
<asp:BulletedList ID="BLstStageTasks" runat="server"
DataSourceID="SqlRepairStageTasks"
DataTextField="StageTask" DataValueField="StageNumber">
</asp:BulletedList>
<asp:SqlDataSource ID="SqlRepairStageTasks" runat="server"
ConnectionString="<%$ ConnectionStrings:MConnectionString %>"
SelectCommand="SELECT [StageNumber], [StageTask] FROM
[RepairStageTasks] WHERE ([StageNumber] = @StageNumber) ORDER BY
[TaskSequence]">
<SelectParameters>
<asp:ControlParameter ControlID="txtStagePicked"
Name="StageNumber" PropertyName="Text" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
 
Below is CSS

body
{
background-color: #CCCCCC;
font-size: 10pt;
font-family: Arial;
}

..Show { visibility: visible; display: inline; }

..Hide { visibility: hidden; display: none; }
..ClsForm { left: 400px; position: absolute; top: 120px; }
..LabelBold { font-weight: bold; font-size: 10pt; color: black; height: 12pt;
vertical-align: bottom; padding-top: 5px; }
..PropForm { font-family: Arial; font-size: 10pt; color: Black; }
..ReadText { font-family: Arial; font-size: 10pt; color:Maroon; }
..gvHead { text-align: center;}
Hi David,

Can you post your CSS code? Without it, it's kind of hard to figure
out what's going wrong.

===========
Regards,
Steve
www.stkomp.com

David said:
I have a BulletedList control that is bound to a SQL table and it
displays
fine. However, when I set the width property to 450px the bullets
disappear. Does anyone know why? Thanks. My sample control is below.

David
<div id="tasklist" class="Show">
<asp:BulletedList ID="BLstStageTasks" runat="server"
DataSourceID="SqlRepairStageTasks"
DataTextField="StageTask"
DataValueField="StageNumber">
</asp:BulletedList>
<asp:SqlDataSource ID="SqlRepairStageTasks" runat="server"
ConnectionString="<%$ ConnectionStrings:MConnectionString %>"
SelectCommand="SELECT [StageNumber], [StageTask] FROM
[RepairStageTasks] WHERE ([StageNumber] = @StageNumber) ORDER BY
[TaskSequence]">
<SelectParameters>
<asp:ControlParameter ControlID="txtStagePicked"
Name="StageNumber" PropertyName="Text" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
Click to expand...
Click to expand...
 
Hi David,

Instead of setting the Width property, try setting both width and left
padding. Something like Style="width:450px;padding-left:20px". For an
explanation, you can go to http://www.quirksmode.org/bugreports/archives/2004/11/width_on_olul.html.

=============
Regards,
Steve
www.stkomp.com

Below is CSS

body
{
background-color: #CCCCCC;
font-size: 10pt;
font-family: Arial;

}

.Show { visibility: visible; display: inline; }

.Hide { visibility: hidden; display: none; }
.ClsForm { left: 400px; position: absolute; top: 120px; }
.LabelBold { font-weight: bold; font-size: 10pt; color: black; height: 12pt;
vertical-align: bottom; padding-top: 5px; }
.PropForm { font-family: Arial; font-size: 10pt; color: Black; }
.ReadText { font-family: Arial; font-size: 10pt; color:Maroon; }

Hi David,
Click to expand...
Can you post your CSS code? Without it, it's kind of hard to figure
out what's going wrong.
===========
Regards,
Steve
www.stkomp.com
Click to expand...

David said:
I have a BulletedList control that is bound to a SQL table and it
displays
fine. However, when I set the width property to 450px the bullets
disappear. Does anyone know why? Thanks. My sample control is below.
David
<div id="tasklist" class="Show">
<asp:BulletedList ID="BLstStageTasks" runat="server"
DataSourceID="SqlRepairStageTasks"
DataTextField="StageTask"
DataValueField="StageNumber">
</asp:BulletedList>
<asp:SqlDataSource ID="SqlRepairStageTasks" runat="server"
ConnectionString="<%$ ConnectionStrings:MConnectionString %>"
SelectCommand="SELECT [StageNumber], [StageTask] FROM
[RepairStageTasks] WHERE ([StageNumber] = @StageNumber) ORDER BY
[TaskSequence]">
<SelectParameters>
<asp:ControlParameter ControlID="txtStagePicked"
Name="StageNumber" PropertyName="Text" Type="Int32" />
</SelectParameters>
</asp:SqlDataSource>
</div>
Click to expand...
Click to expand...
Click to expand...
 
Back
Top