hello allI have made a master page along with a content pagei have some radio buttons and with these radio buttons i want to be able to switch style sheets ltaspContent ID34Content334 ContentPlaceHolderID34ContentPlaceHolder334 runat34server34gt ltdiv id34btnRadio34gt ltaspRadioButtonList ID34themes34 runat34server34 RepeatDirection34Horizontal34 AutoPostBack34true34 OnSelectedIndexChanged34themesSelectedI

Ref Dynamically change switch CSS file programmatically from code behind in ASPNet Master Pagelthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegt ltlink id34lnkCSS34 runat34server34 href34CSSCss1css34 rel34stylesheet34 type34textcss34 gt ltaspContentPlaceHolder ID34head34 runat34server34gt ltaspContentPlaceHoldergtltheadgtltbodygt ltform id34form134 runat34server34gt ltdivgt ltdiv id34btnRadio34gt ltaspRadioButtonList ID34rblThemes34 runat34server34 RepeatDirection34Horizontal34 AutoPostBack34true34 OnSelectedIndexChanged34themesSelectedIndexChanged34gt ltaspListItem Text34Theme134 Value34Css1css34gtltaspListItemgt ltaspListItem Text34Theme234 Valu

Dynamically change Theme by changing CSS File in Master Page in ASP.Net

bigbear

SOLVED CLOSED ACTIVE ANSWERED
User: bigbear
Posted: on Mar 23, 2014 12:05 AM
Forum: HTML and CSS
Answer: 1
Views: 4129

hello all

I have made a master page along with a content page

i have some radio buttons and with these radio buttons i want to be able to switch style sheets

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
        <div id="btnRadio">
            <asp:RadioButtonList ID="themes" runat="server" RepeatDirection="Horizontal" AutoPostBack="true" OnSelectedIndexChanged="themes_SelectedIndexChanged" >
                <asp:ListItem Text="Theme1"></asp:ListItem>
                <asp:ListItem>Theme2</asp:ListItem>
            </asp:RadioButtonList>
            <asp:RadioButtonList ID="masters" runat="server" RepeatDirection="Horizontal" AutoPostBack="true" OnSelectedIndexChanged="masters_SelectedIndexChanged">
                <asp:ListItem>Master1</asp:ListItem>
                <asp:ListItem>Master2</asp:ListItem>
            </asp:RadioButtonList>
        </div>
</asp:Content>

in my master page i have this

<head runat="server">
    <title>Welcome</title>

    <link href="Styles/welcomeStyle.css" rel="stylesheet" type="text/css" media="all" id="stylesheet" />

</head>

Download FREE API for Word, Excel and PDF in ASP.Net

Azim

0 3

Reply
ANSWER
User: Azim
Replied: on Mar 23, 2014 12:57 AM
Report

Ref:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link id="lnkCSS" runat="server" href="~/CSS/Css1.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="btnRadio">
            <asp:RadioButtonList ID="rblThemes" runat="server" RepeatDirection="Horizontal" AutoPostBack="true"
                OnSelectedIndexChanged="themes_SelectedIndexChanged">
                <asp:ListItem Text="Theme1" Value="Css1.css"></asp:ListItem>
                <asp:ListItem Text="Theme2" Value="Css2.css"></asp:ListItem>
            </asp:RadioButtonList>
            <asp:RadioButtonList ID="masters" runat="server" RepeatDirection="Horizontal" AutoPostBack="true"
                OnSelectedIndexChanged="masters_SelectedIndexChanged">
                <asp:ListItem>Master1</asp:ListItem>
                <asp:ListItem>Master2</asp:ListItem>
            </asp:RadioButtonList>
        </div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

protected void themes_SelectedIndexChanged(object sender, EventArgs e)
{
    lnkCSS.Attributes["href"] = "~/CSS/" + this.rblThemes.SelectedItem.Value;
}

protected void masters_SelectedIndexChanged(object sender, EventArgs e)
{

}

Default.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:Label ID="Label1" runat="server" Text="This is a Label" CssClass="label"></asp:Label>
</asp:Content>

Image:

Thank You.

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Dynamically change Theme by changing CSS File in Master Page in ASP.Net

Company

Explore

Follow us

Contact Us