Add Attributes to root HTML Element of a Custom Control

Question

public class CustCtl : WebControl
{
    protected override System.Web.UI.HtmlTextWriterTag TagKey
    {
        get
        {
            return HtmlTextWriterTag.Div;
        }
    }       
}

With this bare bones control, it would render the root element as a Div tag. But how can I add attributes to that root HTML element that this control will render ... such as a style or id.

Thanks! =D

hunter · Accepted Answer · 2011-01-05 21:42:15Z

4

You would be able to do something like this within the OnPreRender event

public class CustCtl : WebControl
{
    protected override void OnPreRender(EventArgs e)
    {
        base.OnPreRender(e);

        WebControl parent = Parent as WebControl;
        if (parent != null)
        {
            parent.Attributes.Add("key", "value");
        }
    }
}

answered Jan 5, 2011 at 21:42

hunter

63.7k19 gold badges115 silver badges115 bronze badges

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

3 Comments

Matthew Cox Over a year ago

Thank for help. Seems a bit easier to do it my way because the intent and meaning is obviously apparent and there is much less work to be done.

hunter Over a year ago

I thought you were trying to add an attribute to the controls parent? I'm going mad because everyone else answered differently, too

Matthew Cox Over a year ago

Aah I see. Well interesting how the term "Parent Element" was interpretted as "Parent Control". But apparently I am in the minority on that one. I think HTML when I hear the word element. I rephrased the question to include the word HTML for clarity =D

Marnix · Accepted Answer · 2011-01-05 21:40:22Z

0

If you have your HtmlTextWriter, you can first add some attributes, before rendering a tag. For example:

public void writeDivWithStyle(HtmlTextWriter writer, string style)
{
    writer.AddAttribute(HtmlTextWriterAttribute.Style, style);
    writer.RenderBeginTag(HtmlTextWriterTag.Div);

    // more code here

    writer.RenderEndTag(); // close the DIV
}

answered Jan 5, 2011 at 21:40

Marnix

6,5874 gold badges47 silver badges84 bronze badges

1 Comment

hunter Over a year ago

"But how can I add attributes to that parent element such as a style or id." am I the only one reading this part?

Matthew Cox · Accepted Answer · 2011-01-05 21:45:47Z

0

I found this method while looking at the API.

This worked just fine for me and seemed the most appropriate place to put it. Just simply override.

public override void RenderBeginTag(HtmlTextWriter writer)
{
    writer.AddAttribute(HtmlTextWriterAttribute.Class, "[^_^]");
    base.RenderBeginTag(writer);
}

answered Jan 5, 2011 at 21:45

Matthew Cox

13.7k9 gold badges57 silver badges72 bronze badges

2 Comments

Matthew Cox Over a year ago

This method is overriden within the Custom Control. Therefore, when it's RenderBeginTag() is called, I insert attributes as I see fit. What is unclear about the question or my answer?

hunter Over a year ago

sorry, I deleted my comment once I saw that you were the asker. See the comment on my answer...

VoodooChild · Accepted Answer · 2011-01-05 21:54:18Z

0

You should be able to use:

CONTROL.Attribute.Add("..") //not the correct syntax

see this link

EDIT: sample usage

Control control = this.FindControl("body");
HtmlControl divControl = new HtmlGenericControl("div");
divControl.Attributes.Add("id","myid");
divControl.Attributes.Add("class","myclass");
control.Controls.Add(divControl);

edited Jan 5, 2011 at 21:54

answered Jan 5, 2011 at 21:40

VoodooChild

9,8049 gold badges70 silver badges101 bronze badges

3 Comments

usr-local-ΕΨΗΕΛΩΝ Over a year ago

Do you want to make me think that passing a single string argument to the Add method, which requires 2 string arguments by the way, points to the parent control like a UNIX path?

hunter Over a year ago

Wasn't me, but given what the asker is commenting this is totally valid, aside from the missing params. I read the question differently

VoodooChild Over a year ago

@djechelon: lol, no don't think that..... I edited my answer to show the proper syntax in the edit.

usr-local-ΕΨΗΕΛΩΝ · Accepted Answer · 2011-01-05 23:31:13Z

0

[Edit, after all comments] Simply, Attributes.Add("key", "value"); in OnPreRender method works

edited Jan 5, 2011 at 23:31

answered Jan 5, 2011 at 21:49

usr-local-ΕΨΗΕΛΩΝ

27.1k36 gold badges173 silver badges330 bronze badges

3 Comments

Matthew Cox Over a year ago

The phrasing may be somewhat ambiguous but I disagree as to why. "With this bare bones control, it would render the parent element as a Div tag." The key term is Element in this sentence. I am asking in reference to the parent html element of the control. I did not specify a parent Control in the sentence.

usr-local-ΕΨΗΕΛΩΝ Over a year ago

Sorry for misunderstanding, then option 2 goes for you! ;) I would have said "root element" because just when I read "parent" I think about parent control

Matthew Cox Over a year ago

haha understandable. I updated the question heading and body to reflect the more clarified version.

Samidjo · Accepted Answer · 2011-10-28 09:25:12Z

0

I think that the most appropriate method or event to override is :

protected override void AddAttributesToRender(HtmlTextWriter writer)
{
    writer.AddAttribute("Key", "Value");
    base.AddAttributesToRender(writer);
}

Check the msdn.

answered Oct 28, 2011 at 9:25

Samidjo

2,35531 silver badges38 bronze badges

Collectives™ on Stack Overflow

Add Attributes to root HTML Element of a Custom Control

6 Answers 6

3 Comments

1 Comment

2 Comments

3 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

1 Comment

2 Comments

3 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related