How can i add css to a dynamically created div in c#?

Question

i am using css to configure this div's properties using it's id, but it aint working, maybe because i created it in c# in the code behind, how can i fix that?
c#

StringBuilder sb = new StringBuilder();
sb.Append(@"<div id=""img1"" runat=""server"">Vidal</div>");
Label1.Text = sb.ToString();

Css

#img1{
position: absolute;
top: 20px;
left: 20px;
width: 253px;height: 190px;

}

check the source of page if the div has same id..if you have masterpage the id will be changed.. — Zaki
– Zaki, Commented Dec 19, 2013 at 17:51
First, get rid of 'runas' - it won't add anything. 2nd, what does the source to the page look like when the browser renders it? — n8wrl
– n8wrl, Commented Dec 19, 2013 at 17:52
Also, remove the runat=server, as this isn't a server control. — System Down
– System Down, Commented Dec 19, 2013 at 17:52
Won't a label Html encode the value you try to store into it? — gunr2171
– gunr2171, Commented Dec 19, 2013 at 17:52

Code Maverick · Accepted Answer · 2013-12-19 17:55:17Z

3

I would use a class instead of an ID. Also, you don't need to make it a div, as your Label will render as a span. You simply need to set the CssClass and Text properties.

C#

Label1.CssClass = "someClass";
Label1.Text = "Vidal";

CSS

.someClass
{
    position: absolute;
    top: 20px;  
    left: 20px;
    width: 253px;
    height: 190px;
}

answered Dec 19, 2013 at 17:55

Code Maverick

20.5k12 gold badges65 silver badges117 bronze badges

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

2 Comments

Ravimallya Over a year ago

label will render as a span. adding a div inside span is not semantic. instead of label, use literal control.

Code Maverick Over a year ago

@Ravimallya - That's true. I'll just have him use the CssClass and remove the div markup to the label itself.

Damith · Accepted Answer · 2013-12-19 17:56:54Z

1

you can't use label control to display html content , use literal control or panel like below

Panel div = new Panel();
div.ID = "img1";   
div.Controls.Add(new Literal{Text = "Vidal"});    
this.Controls.Add(div);

answered Dec 19, 2013 at 17:56

Damith

63.2k13 gold badges106 silver badges154 bronze badges

Comments

Terry Kernan · Accepted Answer · 2013-12-19 17:56:55Z

1

I think for your purposes, you might be better with asp:literal control:

StringBuilder sb = new StringBuilder();
sb.Append("<div class=\"image-css-selector">Vidal</div>");
Literal1.Text = sb.ToString();

A label control will have it's own markup and that might affect your html code

answered Dec 19, 2013 at 17:56

Terry Kernan

8167 silver badges12 bronze badges

Comments

Ravimallya · Accepted Answer · 2013-12-19 18:04:28Z

0

If you are using a single webform, then please make sure that you do not have multiple ids. If you are using a master page, and you really need a runat="server attribute to the div then you need to change the css like this:

#ContentPlaceHolder_img1{
position: absolute;
top: 20px;
left: 20px;
width: 253px;height: 190px;

Where ContentPlaceHolder is the name of the ID that you have gave for your content placeholder. for ex:

    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
     </asp:ContentPlaceHolder>

In your master page.

answered Dec 19, 2013 at 18:04

Ravimallya

6,6202 gold badges44 silver badges76 bronze badges

Collectives™ on Stack Overflow

How can i add css to a dynamically created div in c#?

4 Answers 4

C#

CSS

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

C#

CSS

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related