41

The Label control in ASP.NET seems to render <span> tags, but is there a server control to render HTML within a <div>?

Sure, I could set display: block and it might look the same, but I'd rather not be nesting divs inside spans. Also I'd prefer not to use <%= MyVariable %> because that might not behave nicely on postbacks.

Any suggestions, please?

0

6 Answers 6

67

Of course: ASP.NET has a built-in control called Panel!

And you may use it as follows:

<asp:Panel ID="myPanel" runat="server">
    <!-- Other markup here like client and server controls/elements -->
</asp:Panel>

It's a container, so you add Controls to it in the code-behind like:

myPanel.Controls.Add(new LiteralControl("Hello World"));

You can add the Literal control (or any others) in the markup if you like and just assign to its Text property if you want it to update dynamically at runtime.

2
  • If I would decide to use Panel how will I add new HTML element attributes like ones for which Panel doesn't have a corresponding property?
    – Mircea Ion
    Commented Feb 22, 2013 at 14:19
  • @MirceaIon As any other WebControl, you've the Attributes property: msdn.microsoft.com/en-us/library/… Commented Feb 22, 2013 at 14:50
31

I think you need HtmlGenericControl class. It has a constructor which accepts a string variable which initializes a new instance of the HtmlGenericControl class with the specified tag:

var div = new HtmlGenericControl("div");

It is also has InnerHtml and InnerText properties (you mentioned this in a comment to the previous answer).

4
  • Thanks. Could I put this directly in the page markup, or does it have to be added to a Panel?
    – James
    Commented Apr 15, 2011 at 10:21
  • 2
    You could use it in markup like: <div runat="server" id="myPerfectDiv">my inner text here</div>
    – Oleks
    Commented Apr 15, 2011 at 10:23
  • 1
    Cool. What's the difference between the InnerText and InnerHtml properties? Should I just use InnerHtml?
    – James
    Commented Apr 15, 2011 at 10:25
  • 4
    InnerText property provides automatic HTML encoding/decoding. See: e.g., if the InnerText property is set to <b> Hello </b>, the < and > symbols are converted to &lt; and &gt;, respectively. Fot the InnerHtml property the rendered output would be: <b> Hello </b>.
    – Oleks
    Commented Apr 15, 2011 at 10:28
8

Try the Panel control.

5

Try this:

<div class="myclass">
<asp:Literal ID="mytext" runat="server"></asp:Literal>
</div>

Set your text inside Literal, which renders without html tag

2
<asp:Panel>
<div id="NoRecords" runat="server" visible="false">No records are available.</div>
</asp:Panel>

Code-Behind

 protected void MyRepeater1_PreRender(object sender, EventArgs e)
{
    if (MyRepeater1.Items.Count == 0)
    {
        NoRecords.Visible = true;
    }
    else
    {
        NoRecords.Visible = false;
    }
}
0
div runat="server" id="myserversideDiv" 

my inner text here. It has inner text and inner html property and most of asp.net server control property. Try that.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.