asp.net changing Master Page section css from Content page

Question

I have the following code in my master page:

<div id="body" runat="server">
        <asp:ContentPlaceHolder runat="server" ID="FeaturedContent" />
        <section runat="server" id="sectionMainContent" class="content-wrapper main-content clear-fix">
            <asp:ContentPlaceHolder runat="server" ID="MainContent" />
        </section>
    </div>

For one specific content page I would like to change the class value of the <section> above to something like class="content-wrapper-full-width main-content clear-fix"

How can I access the <section>'s attributes from codebehind of the content page and modify its value?

have you added <%@ MasterType virtualpath="~/YourMasterPage.master" %> in your Content Page ? — zey
– zey, Commented Jan 31, 2014 at 9:12

NoWar · Accepted Answer · 2016-07-27 17:59:59Z

You can create a public property in your master which gets/sets the class:

// sectionMainContent is a HtmlGenericControl in codebehind
public String SectionCssClass
{
    get { return sectionMainContent.Attributes["class"]; }
    set { sectionMainContent.Attributes["class"] = value; }
}

Now you can cast the master to the correct type and access this property in your contentpage:

protected void Page_Init(object sender, EventArgs e)
{ 
    SiteMaster master = this.Master as SiteMaster; // replace with correct type
    if(master != null)
        master.SectionCssClass = "content-wrapper-full-width main-content clear-fix";
}

Side-note: you can use the @Master directive to use the Master property in your content-page strongly typed. Then you have compile time safety and you don't need to cast it to the actual type:

In your content-page(replace with actual type):

<%@ MasterType  VirtualPath="~/Site.Master"%>

Now this works directly:

protected void Page_Init(object sender, EventArgs e)
{
    this.Master.SectionCssClass = "content-wrapper-full-width main-content clear-fix";
}

cubitouch · Accepted Answer · 2014-01-31 10:17:58Z

0

I think you could use the FindControl() method from code behind with something like :

((HtmlGenericControl)Master.FindControl("FeaturedContent")).attributes["class"] = "content-wrapper-full-width main-content clear-fix";

edited Jan 31, 2014 at 10:17

answered Jan 31, 2014 at 9:14

cubitouch

1,94715 silver badges28 bronze badges

3 Comments

sd_dracula Over a year ago

This also worked but just had to change the HtmlElement to HtmlGenericControl

Tim Schmelter Over a year ago

You also have to use attributes["class"] since a HtmGnericControl has no CssClass property. (HtmlElement is a winforms control)

cubitouch Over a year ago

Both thanks for your comments, I improved my answer.

Collectives™ on Stack Overflow

asp.net changing Master Page section css from Content page

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related