How to change the value of a CSS key at runtime from codebehind?

Question

I have a fairly simple page which queries a web service to pull data from a SQL server, returning a generic list of varying size. What I'm trying to do, is adjust the height of the div at runtime, adding a certain number of pixels to an existing CSS key on each iteration of a foreach loop, so that the projected list does not overflow the container div.

The code I am using to put the list on the page is as follows:

int total = 0;
lstUsageServices.Text = string.Empty;
lstUsageRequests.Text = string.Empty;
if (txtAccount.Text != string.Empty)
{
soapClient = new UsageService.ServiceSoapClient();
foreach (UsageClient.UsageService.Usage current in soapClient.GetUsage(txtAccount.Text, startPicker.SelectedDate, endPicker.SelectedDate))
{
lstUsageServices.Text += current.Service + "<br />";
lstUsageRequests.Text += current.Requests.ToString() + "<br />";
total += current.Requests;                        
}
lstUsageServices.Text += "<strong>Total</strong>";
lstUsageRequests.Text += "<strong>" + total.ToString() + "</strong>";

What I would like to do, is add a line inside the foreach to reference a div:

<div class="main" runat="server" id="mainDiv">

and increase the CSS "height:Xpx;" with each iteration.

I hope someone can help, it doesn't seem like this should be a difficult thing to do! Thanks in advance :)

If you want the div's height to increase as it gets more content, can't you just leave its height as automatic? — Rawling
– Rawling, Commented Oct 24, 2012 at 8:00
tried leaving as auto, doesn't seem to be honoured, even when i add a !important — JamieS
– JamieS, Commented Oct 24, 2012 at 9:12

pmtamal · Accepted Answer · 2012-10-24 08:11:00Z

1

A simple way can be

mainDiv.Attributes.CssStyle.Add("height", "Xpx");

edited Oct 24, 2012 at 8:11

answered Oct 24, 2012 at 8:01

pmtamal

2,1871 gold badge13 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user447356 Over a year ago

The idea is correct; the OP will need to calculate X then assign it after the loop.

JamieS Over a year ago

that's fine, so I'll just keep a count of the number of rows, and multiply the count by the number of pixels a row occupies. Will it not be an issue that I'll be constantly adding more attributes, will the most recent simply replace the previous one?

JamieS Over a year ago

no joy on this unfortunateley, added the below to now avail mainDiv.Attributes.CssStyle.Add("height", (420 + (rowCount * 10)).ToString());

JamieS Over a year ago

ended up instead using an <asp:Literal> control, which DOES force the height of a div if set to auto.

Collectives™ on Stack Overflow

How to change the value of a CSS key at runtime from codebehind?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related