Question

I’m creating a custom control to make label-input blocks for forms.

The following code works on its own:

<label id="custom_calendar_label" class="required" for="custom_calendar">Calendar thing: </label>
<input id="custom_calendar" type="date" required="required" aria-labelledby="custom_calendar_label">

but when I use a custom server control to build it, for whatever reason, span tags around the custom control get automatically generated (not from any code in my custom control),

so my code winds up looking like

<span id ="custom_calendar">

<label id="custom_calendar_label" class="required" for="custom_calendar">Calendar thing: </label>
<input id="custom_calendar" type="date" required="required" aria-labelledby="custom_calendar_label">

</span>

How do I dynamically delete the span tags, but preserve the label input contents inside the span tags?

Answer 1

Have you tried overriding the TagKey?

   protected override HtmlTextWriterTag TagKey
   {
      get { return HtmlTextWriterTag.Unknown; }
   }