Resizing asp:panel on the fly

Define the contents of the label in code...  this.LabelName.Text = myDynamicText;  Or alternatively, use a repeater, and bind your DB results to the repeater, this way your height resizes dynamically based on the amount of data.  

ok I think I kind of understand it :)

Could you possible throw in some pseudo-code here ...

Txs

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWebUIWebControlsRepeaterClassTopic.asp

Ok .. I see the repeater example but I'm not usre if I understand how it's going to let me grow or shrik the panel, as this still does not give me an indication of the size of the rows

Let me explain in a little more detail :

I have a panel on an aspx page:

<asp:Panel id="Panel1" style="Z-INDEX: 101; LEFT: 0px; POSITION: absolute; TOP: 0px"
      runat="server" Width="760px" Height="195px"></asp:Panel>

As you can see it has a set height:

I now add an arbitrary number of tables to the panel


code:

Panel1.Controls.Clear();

string sHTML = "<table>";
for(n=0;n<10;n++)
{
  sHTML = "<TR><TD>HELLO</TD></TR>";
}
sHTML += "</table>";

Panel1.Controls.Add( new LiteralControl(sHTML));


Now depending on 'n' there will be more or less rows in the table .. I'd like to adjust the height of the panel accordingly

Remove the static height tag, and in your style tag use height:auto;  That should solve your issue.  

hmm .. that sounds like a plan .. will try it 1st thing tomorrow ...

It doesn't work ... it puts all the panels on top of each other ... I also already have overflow:auto set

Can you post your entire code, including your data binding?  

--- The Control:
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="formDataDisplay.ascx.cs" Inherits="proggie.formDataDisplay" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<DIV style="WIDTH: 760px;POSITION: relative;HEIGHT: 220px" ms_positioning="GridLayout">
      <asp:Panel id="tablePanel" style="Z-INDEX: 101; LEFT: 0px; OVERFLOW: auto; POSITION: absolute; TOP: 0px;HEIGHT:195;WIDTH:760px"
            runat="server"></asp:Panel>
      <asp:Button id="btnFirst" style="Z-INDEX: 102; LEFT: 0px; POSITION: absolute; TOP: 196px" runat="server"
            Width="25px" Height="24px" Text="<<" Visible="False"></asp:Button>
      <asp:Button id="btnPrev" style="Z-INDEX: 103; LEFT: 32px; POSITION: absolute; TOP: 196px" runat="server"
            Width="25px" Height="24px" Text="<" Visible="False"></asp:Button>
      <asp:Button id="btnNext" style="Z-INDEX: 104; LEFT: 76px; POSITION: absolute; TOP: 196px" runat="server"
            Width="25px" Height="24px" Text=">" Visible="False"></asp:Button>
      <asp:Button id="btnLast" style="Z-INDEX: 105; LEFT: 108px; POSITION: absolute; TOP: 196px" runat="server"
            Width="25px" Height="24px" Text=">>" Visible="False"></asp:Button>
      <asp:Button id="btnToggleView" style="Z-INDEX: 106; LEFT: 712px; POSITION: absolute; TOP: 196px"
            runat="server" Width="47px" Height="24px" Text="Form" Visible="False"></asp:Button>
</DIV>

--- The component data population:
sHTML.Append("<table class=\"color-border\"  border=\"0\" cellpadding=\"2\" cellspacing=\"1\" width=\"100%\">");
                  
string sValue = "";
int nIdx = 0;
                  
for(nIdx = 0; nIdx < 5; nIdx++)  ***** See Note
{
sHTML.Append("<tr class=\"color-row\">");
sHTML.Append("<td class=\"color-header\" nowrap width=\"200\">Col Desc</td>");
sHTML.Append("<td class=\"label\" nowrap>Value:"+nIdx+"</td>");
sHTML.Append("</tr>");
}
                  
sHTML.Append("</table>");



The Page:

Control c1 = LoadControl("formCtrl.ascx");
Panel1.Controls.Add(c1);

((formDataDisplay)c1).doStuff(......);

for(n = 0; nTableIdx < 3; n ++)
{
Control c2 = LoadControl("formCtrl.ascx");
Panel1.Controls.Add(c2);

((formDataDisplay)cSTable).doStuff(.....);
}

***** Note: The value 5 in this case could change with each component being loaded ... so therefore each componentl colud have more or less then 5 rows .. I now want to resize the panel/div to the number of rows ...