Can I access the height/width of an HTML control I just created in C#?

Question

I'm creating DIV controls from code behind using this code -

System.Web.UI.HtmlControls.HtmlGenericControl dynDiv =
    new System.Web.UI.HtmlControls.HtmlGenericControl("DIV");
dynDiv.ID = "dynDivCode";
dynDiv.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Gray");
dynDiv.InnerHtml = "I was created using Code Behind";
this.Controls.Add(dynDiv);

Once created, I want to access it's height and width. Is it possible to do that? Or has it not been rendered on the screen at this point to have its properties accessible?

EDIT: I want to access the newly created div's(DIV1) width, but I also want to change the width of another div(DIV2) control i created based on DIV1's width. So I want to read and modify the width of 2 different div tags

did you try to access those properties? how? which values did you retrieve? — Davide Piras, May 15 '12 at 13:55
Just to clarify, when you say "access", you mean "read", correct? You want to know the size of the `
` that *will be* rendered? — FishBasketGordo, May 15 '12 at 13:56
@FishBasketGordo, you're right. I want to read the width of the newly created div tag. EDIT: I want to read the width, but I also want to change the width of another div tag based on this tags width. — neuDev33, May 15 '12 at 14:00
@LuisSánchez There are some alignment issues I need to take care of. — neuDev33, May 15 '12 at 14:04

score 3 · Accepted Answer · answered May 15 '12 at 14:11

There isn't a "width" established yet; it will depend entirely on how it's rendered by the client. You can get/set a CSS "style" attribute, or get/set a CSS class that will correctly style the element when it's rendered.

you should be able to accomplish what you're trying to do with CSS, but if all else fails, you could use Javascript (jQuery) to get the rendered size and use it to resize the other DIV.

score 0 · Answer 2 · answered May 15 '12 at 14:13

I would add a .css file and then use percentages to get a good UI Let's say we know them by its id's div1 and div2

Your classes on the .css file should look like this

#div1 {
    width: 55%;
    height: 50%;
}

#div2 {
    width: 45%;
    height: 50%;
}

and then, wrap them inside another div, lets call it wrappedDiv and use pixels in order to set the size correctly, add this other class in the .css file.

#wrappedDiv {
    width: 1024px;
    height: 768px;
}

Remember to add the .css file on the <head> tag of the page

<link href="~/Content/myNewStyles.css" rel="stylesheet" type="text/css" />

Can I access the height/width of an HTML control I just created in C#?

EDIT: I want to access the newly created div's(DIV1) width, but I also want to change the width of another div(DIV2) control i created based on DIV1's width. So I want to read and modify the width of 2 different div tags

2 Answers2