Add a StyleSheet to the body dynamically

**Nathan Sokalski** · Sep 18 '08, 01:25 AM

Re: Add a StyleSheet to the body dynamically

Use the following code:

this.Page.Heade r.StyleSheet.Cr eateStyleRule(n ew
CustomStyle("ba ckground-color:black;"), null, "body");

The two important parameters in this method are the first one, which is a
Style object, and the third one, which is the selector to be used with the
style rule. You will also need to include the following class:

public class CustomStyle : System.Web.UI.W ebControls.Styl e
{
private System.Web.UI.C ssStyleCollecti on currstyles;

public CustomStyle(Sys tem.Web.UI.CssS tyleCollection custom) {
this.currstyles = custom; }
public CustomStyle(str ing cssvalue)
{
System.Web.UI.C ssStyleCollecti on tempstyle = new
System.Web.UI.W ebControls.WebC ontrol(System.W eb.UI.HtmlTextW riterTag.Unknow n).Style;
tempstyle.Clear ();
tempstyle.Value = cssvalue;
this.currstyles = tempstyle;
}

protected override void
FillStyleAttrib utes(System.Web .UI.CssStyleCol lection
attributes,Syst em.Web.UI.IUrlR esolutionServic e urlResolver)
{
base.FillStyleA ttributes(attri butes, urlResolver);
foreach (string currkey in this.currstyles .Keys) { attributes[currkey] =
this.currstyles[currkey]; }
}
}

It took me a while, and some help as well, to figure out how to do this, but
I now use this class quite often, it can be quite useful when dynamically
determining an attribute that is used in many elements. Good Luck!
--
Nathan Sokalski
njsokalski@hotm ail.com

有声小说网-无弹窗小说阅读网

http://www.nathansokalski.com/

有声小说网为广大读者提供热门小说在线免费阅读，本站收集的网络文学小说情节跌宕起伏，有声小说网是值得书友们收藏的小说在线阅读网。

"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
news:ez7%23kMSG JHA.3664@TK2MSF TNGP04.phx.gbl. ..

>I use the code below to change to a style sheet that has:
>
body
>
{
>
>
...
>
>
background-image:url(../images/background brown.gif);
>
>
>
}
>
Rather than:
>
body
>
{
>
...
>
background-color:black;
>
}
>
>
>
>
>
Dim HtmlLinkObj As HtmlLink = New HtmlLink()
>
HtmlLinkObj.Att ributes.Add("hr ef", "StyleSheet s/Textured.css")
>
HtmlLinkObj.Att ributes.Add("re l", "stylesheet ")
>
HtmlLinkObj.Att ributes.Add("ty pe", "text/css")
>
HeadMaster.Cont rols.Add(HtmlLi nkObj)
>
>
>
Works OK on IE but has no effect in FireFox nor Safari
>
On the .master there is:
>
<head id="HeadMaster" ...
>
>
>
I once saw where some one added to the body tag in addition to the head (I
think).
>
Been looking but can't find it now that I'd like to try it.
>
Do you know how to do that?
>
Have any other ideas how to make it work in FireFox and Safari
>
>
>
Thanks
>
>
>
>
>
>
>
>
>
>
>
>

**_Who** · Sep 18 '08, 01:45 AM

Re: Add a StyleSheet to the body dynamically

I'll bet it did take some time.
Thanks for sharing.
I need to change the entire style sheet file.
I'm not sure but I think this code is for changing one rule at a time.
Is that correct?

Thanks again

"Nathan Sokalski" <njsokalski@hot mail.comwrote in message
news:%23KK9IxSG JHA.5944@TK2MSF TNGP03.phx.gbl. ..

Use the following code:
>
this.Page.Heade r.StyleSheet.Cr eateStyleRule(n ew
CustomStyle("ba ckground-color:black;"), null, "body");
>
The two important parameters in this method are the first one, which is a
Style object, and the third one, which is the selector to be used with the
style rule. You will also need to include the following class:
>
public class CustomStyle : System.Web.UI.W ebControls.Styl e
{
private System.Web.UI.C ssStyleCollecti on currstyles;
>
public CustomStyle(Sys tem.Web.UI.CssS tyleCollection custom) {
this.currstyles = custom; }
public CustomStyle(str ing cssvalue)
{
System.Web.UI.C ssStyleCollecti on tempstyle = new
System.Web.UI.W ebControls.WebC ontrol(System.W eb.UI.HtmlTextW riterTag.Unknow n).Style;
tempstyle.Clear ();
tempstyle.Value = cssvalue;
this.currstyles = tempstyle;
}
>
protected override void
FillStyleAttrib utes(System.Web .UI.CssStyleCol lection
attributes,Syst em.Web.UI.IUrlR esolutionServic e urlResolver)
{
base.FillStyleA ttributes(attri butes, urlResolver);
foreach (string currkey in this.currstyles .Keys) { attributes[currkey] =
this.currstyles[currkey]; }
}
}
>
It took me a while, and some help as well, to figure out how to do this,
but I now use this class quite often, it can be quite useful when
dynamically determining an attribute that is used in many elements. Good
Luck!
--
Nathan Sokalski
njsokalski@hotm ail.com

有声小说网-无弹窗小说阅读网

http://www.nathansokalski.com/

有声小说网为广大读者提供热门小说在线免费阅读，本站收集的网络文学小说情节跌宕起伏，有声小说网是值得书友们收藏的小说在线阅读网。

>
"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
news:ez7%23kMSG JHA.3664@TK2MSF TNGP04.phx.gbl. ..

>>I use the code below to change to a style sheet that has:
>>
>body
>>
>{
>>
>>
>...
>>
>>
>background-image:url(../images/background brown.gif);
>>
>>
>>
>}
>>
>Rather than:
>>
>body
>>
>{
>>
>...
>>
>background-color:black;
>>
>}
>>
>>
>>
>>
>>
>Dim HtmlLinkObj As HtmlLink = New HtmlLink()
>>
>HtmlLinkObj.At tributes.Add("h ref", "StyleSheet s/Textured.css")
>>
>HtmlLinkObj.At tributes.Add("r el", "stylesheet ")
>>
>HtmlLinkObj.At tributes.Add("t ype", "text/css")
>>
>HeadMaster.Con trols.Add(HtmlL inkObj)
>>
>>
>>
>Works OK on IE but has no effect in FireFox nor Safari
>>
>On the .master there is:
>>
><head id="HeadMaster" ...
>>
>>
>>
>I once saw where some one added to the body tag in addition to the head
>(I think).
>>
>Been looking but can't find it now that I'd like to try it.
>>
>Do you know how to do that?
>>
>Have any other ideas how to make it work in FireFox and Safari
>>
>>
>>
>Thanks
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>

>
>

**Nathan Sokalski** · Sep 18 '08, 04:05 AM

Re: Add a StyleSheet to the body dynamically

That is correct. If you need to dynamically change an entire stylesheet at
the same time, you can do one of the following:

1. Call the this.Page.Heade r.StyleSheet.Cr eateStyleRule method multiple
times

2. Create an *.aspx file that returns ContentType="te xt/css" and use your
original method to set the href attribute to that file, possibly with a
querystring

Are the different style rules that you will have generated or just
different? If they are generated, then you really don't have much choice
other than my suggestions. If they are just different, then you could use
the following technique instead:

1. Create several *.css files
2. Add id and runat="server" attributes to the link tag
3. In your code, set the href attribute of the link tag to the location of
the appropriate *.css file

Also, if there are only a few style rules that need to be determined in
code, use a stylesheet like you normally would for those to keep the code to
a minimum. Good Luck!
--
Nathan Sokalski
njsokalski@hotm ail.com

有声小说网-无弹窗小说阅读网

http://www.nathansokalski.com/

有声小说网为广大读者提供热门小说在线免费阅读，本站收集的网络文学小说情节跌宕起伏，有声小说网是值得书友们收藏的小说在线阅读网。

"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
news:u4Vsk6SGJH A.4936@TK2MSFTN GP03.phx.gbl...

I'll bet it did take some time.
Thanks for sharing.
I need to change the entire style sheet file.
I'm not sure but I think this code is for changing one rule at a time.
Is that correct?
>
Thanks again
>
>
>
"Nathan Sokalski" <njsokalski@hot mail.comwrote in message
news:%23KK9IxSG JHA.5944@TK2MSF TNGP03.phx.gbl. ..

>Use the following code:
>>
>this.Page.Head er.StyleSheet.C reateStyleRule( new
>CustomStyle("b ackground-color:black;"), null, "body");
>>
>The two important parameters in this method are the first one, which is a
>Style object, and the third one, which is the selector to be used with
>the style rule. You will also need to include the following class:
>>
>public class CustomStyle : System.Web.UI.W ebControls.Styl e
>{
> private System.Web.UI.C ssStyleCollecti on currstyles;
>>
> public CustomStyle(Sys tem.Web.UI.CssS tyleCollection custom) {
>this.currstyle s = custom; }
> public CustomStyle(str ing cssvalue)
> {
> System.Web.UI.C ssStyleCollecti on tempstyle = new
>System.Web.UI. WebControls.Web Control(System. Web.UI.HtmlText WriterTag.Unkno wn).Style;
> tempstyle.Clear ();
> tempstyle.Value = cssvalue;
> this.currstyles = tempstyle;
> }
>>
> protected override void
>FillStyleAttri butes(System.We b.UI.CssStyleCo llection
>attributes,Sys tem.Web.UI.IUrl ResolutionServi ce urlResolver)
> {
> base.FillStyleA ttributes(attri butes, urlResolver);
> foreach (string currkey in this.currstyles .Keys) { attributes[currkey]
>= this.currstyles[currkey]; }
> }
>}
>>
>It took me a while, and some help as well, to figure out how to do this,
>but I now use this class quite often, it can be quite useful when
>dynamically determining an attribute that is used in many elements. Good
>Luck!
>--
>Nathan Sokalski
>njsokalski@hotm ail.com
>http://www.nathansokalski.com/
>>
>"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
>news:ez7%23kMS GJHA.3664@TK2MS FTNGP04.phx.gbl ...

>>>I use the code below to change to a style sheet that has:
>>>
>>body
>>>
>>{
>>>
>>>
>>...
>>>
>>>
>>background-image:url(../images/background brown.gif);
>>>
>>>
>>>
>>}
>>>
>>Rather than:
>>>
>>body
>>>
>>{
>>>
>>...
>>>
>>background-color:black;
>>>
>>}
>>>
>>>
>>>
>>>
>>>
>>Dim HtmlLinkObj As HtmlLink = New HtmlLink()
>>>
>>HtmlLinkObj.A ttributes.Add(" href", "StyleSheet s/Textured.css")
>>>
>>HtmlLinkObj.A ttributes.Add(" rel", "stylesheet ")
>>>
>>HtmlLinkObj.A ttributes.Add(" type", "text/css")
>>>
>>HeadMaster.Co ntrols.Add(Html LinkObj)
>>>
>>>
>>>
>>Works OK on IE but has no effect in FireFox nor Safari
>>>
>>On the .master there is:
>>>
>><head id="HeadMaster" ...
>>>
>>>
>>>
>>I once saw where some one added to the body tag in addition to the head
>>(I think).
>>>
>>Been looking but can't find it now that I'd like to try it.
>>>
>>Do you know how to do that?
>>>
>>Have any other ideas how to make it work in FireFox and Safari
>>>
>>>
>>>
>>Thanks
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>

>>
>>

>
>

**_Who** · Sep 18 '08, 01:35 PM

Re: Add a StyleSheet to the body dynamically

So my code down below builds a new link and adds it to the master's
controls. You're saying that instead I can just change the href on the
existing one. Is that right?

I did what you said which replaced the 5 lines below with one line. I show
it below in case anyone else reads this thread. There are many sites in the
Internet that suggest the way I had done it. This seems simpler.

StyleSheetLink. Href = "StyleSheet s/Textured.css"

The only thing is that I had to make the link run at server. Is there a down
side to that?

Thanks a lot

"Nathan Sokalski" <njsokalski@hot mail.comwrote in message
news:uYJ$UKUGJH A.1036@TK2MSFTN GP04.phx.gbl...

That is correct. If you need to dynamically change an entire stylesheet at
the same time, you can do one of the following:
>
1. Call the this.Page.Heade r.StyleSheet.Cr eateStyleRule method multiple
times
>
2. Create an *.aspx file that returns ContentType="te xt/css" and use your
original method to set the href attribute to that file, possibly with a
querystring
>
Are the different style rules that you will have generated or just
different? If they are generated, then you really don't have much choice
other than my suggestions. If they are just different, then you could use
the following technique instead:
>
1. Create several *.css files
2. Add id and runat="server" attributes to the link tag
3. In your code, set the href attribute of the link tag to the location of
the appropriate *.css file
>
Also, if there are only a few style rules that need to be determined in
code, use a stylesheet like you normally would for those to keep the code
to a minimum. Good Luck!
--
Nathan Sokalski
njsokalski@hotm ail.com

有声小说网-无弹窗小说阅读网

http://www.nathansokalski.com/

有声小说网为广大读者提供热门小说在线免费阅读，本站收集的网络文学小说情节跌宕起伏，有声小说网是值得书友们收藏的小说在线阅读网。

>
"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
news:u4Vsk6SGJH A.4936@TK2MSFTN GP03.phx.gbl...

>I'll bet it did take some time.
>Thanks for sharing.
>I need to change the entire style sheet file.
>I'm not sure but I think this code is for changing one rule at a time.
>Is that correct?
>>
>Thanks again
>>
>>
>>
>"Nathan Sokalski" <njsokalski@hot mail.comwrote in message
>news:%23KK9IxS GJHA.5944@TK2MS FTNGP03.phx.gbl ...

>>Use the following code:
>>>
>>this.Page.Hea der.StyleSheet. CreateStyleRule (new
>>CustomStyle(" background-color:black;"), null, "body");
>>>
>>The two important parameters in this method are the first one, which is
>>a Style object, and the third one, which is the selector to be used with
>>the style rule. You will also need to include the following class:
>>>
>>public class CustomStyle : System.Web.UI.W ebControls.Styl e
>>{
>> private System.Web.UI.C ssStyleCollecti on currstyles;
>>>
>> public CustomStyle(Sys tem.Web.UI.CssS tyleCollection custom) {
>>this.currstyl es = custom; }
>> public CustomStyle(str ing cssvalue)
>> {
>> System.Web.UI.C ssStyleCollecti on tempstyle = new
>>System.Web.UI .WebControls.We bControl(System .Web.UI.HtmlTex tWriterTag.Unkn own).Style;
>> tempstyle.Clear ();
>> tempstyle.Value = cssvalue;
>> this.currstyles = tempstyle;
>> }
>>>
>> protected override void
>>FillStyleAttr ibutes(System.W eb.UI.CssStyleC ollection
>>attributes,Sy stem.Web.UI.IUr lResolutionServ ice urlResolver)
>> {
>> base.FillStyleA ttributes(attri butes, urlResolver);
>> foreach (string currkey in this.currstyles .Keys) { attributes[currkey]
>>= this.currstyles[currkey]; }
>> }
>>}
>>>
>>It took me a while, and some help as well, to figure out how to do this,
>>but I now use this class quite often, it can be quite useful when
>>dynamically determining an attribute that is used in many elements. Good
>>Luck!
>>--
>>Nathan Sokalski
>>njsokalski@hotm ail.com
>>http://www.nathansokalski.com/
>>>
>>"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
>>news:ez7%23kM SGJHA.3664@TK2M SFTNGP04.phx.gb l...
>>>>I use the code below to change to a style sheet that has:
>>>>
>>>body
>>>>
>>>{
>>>>
>>>>
>>>...
>>>>
>>>>
>>>background-image:url(../images/background brown.gif);
>>>>
>>>>
>>>>
>>>}
>>>>
>>>Rather than:
>>>>
>>>body
>>>>
>>>{
>>>>
>>>...
>>>>
>>>background-color:black;
>>>>
>>>}
>>>>
>>>>
>>>>
>>>>
>>>>
>>>Dim HtmlLinkObj As HtmlLink = New HtmlLink()
>>>>
>>>HtmlLinkObj. Attributes.Add( "href", "StyleSheet s/Textured.css")
>>>>
>>>HtmlLinkObj. Attributes.Add( "rel", "stylesheet ")
>>>>
>>>HtmlLinkObj. Attributes.Add( "type", "text/css")
>>>>
>>>HeadMaster.C ontrols.Add(Htm lLinkObj)
>>>>
>>>>
>>>>
>>>Works OK on IE but has no effect in FireFox nor Safari
>>>>
>>>On the .master there is:
>>>>
>>><head id="HeadMaster" ...
>>>>
>>>>
>>>>
>>>I once saw where some one added to the body tag in addition to the head
>>>(I think).
>>>>
>>>Been looking but can't find it now that I'd like to try it.
>>>>
>>>Do you know how to do that?
>>>>
>>>Have any other ideas how to make it work in FireFox and Safari
>>>>
>>>>
>>>>
>>>Thanks
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>>
>>>
>>>

>>
>>

>
>

**Cowboy \(Gregory A. Beamer\)** · Sep 18 '08, 05:15 PM

Re: Add a StyleSheet to the body dynamically

In addition to Nathan's suggestion, you can dynamically alter the entire CSS
(point to a different file). There are two methods to do this:

1. If all you are changing is CSS, try this:

<link id="MyStyleShee t" rel="stylesheet " type="text/css" runat="server" />

You leave the actual pointer empty here. You can then do the following:

MyStyleSheet.At tributes.Add("h ref", "{location of file}");

You can also do an Attributes.Remo ve() first if the CSS is only altered on
one or two pages, as it simplifies your code model and allows you to supply
a default.

2. If you envision the possibility of bigger changes (particular skins,
etc.), consider themes instead. You create different themes and you can then
dynamically change them in code based on a user's choices. There are plenty
of examples of this on the web.

--
Gregory A. Beamer
MVP, MCP: +I, SE, SD, DBA

Subscribe to my blog

Stop Making Sense

http://feeds.feedburner.com/GregoryBeamer#

or just read it:

Stop Making Sense

http://feeds.feedburner.com/GregoryBeamer

*************** *************** **************
| Think outside the box! |
*************** *************** **************
"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
news:ez7%23kMSG JHA.3664@TK2MSF TNGP04.phx.gbl. ..

>I use the code below to change to a style sheet that has:
>
body
>
{
>
>
...
>
>
background-image:url(../images/background brown.gif);
>
>
>
}
>
Rather than:
>
body
>
{
>
...
>
background-color:black;
>
}
>
>
>
>
>
Dim HtmlLinkObj As HtmlLink = New HtmlLink()
>
HtmlLinkObj.Att ributes.Add("hr ef", "StyleSheet s/Textured.css")
>
HtmlLinkObj.Att ributes.Add("re l", "stylesheet ")
>
HtmlLinkObj.Att ributes.Add("ty pe", "text/css")
>
HeadMaster.Cont rols.Add(HtmlLi nkObj)
>
>
>
Works OK on IE but has no effect in FireFox nor Safari
>
On the .master there is:
>
<head id="HeadMaster" ...
>
>
>
I once saw where some one added to the body tag in addition to the head (I
think).
>
Been looking but can't find it now that I'd like to try it.
>
Do you know how to do that?
>
Have any other ideas how to make it work in FireFox and Safari
>
>
>
Thanks
>
>
>
>
>
>
>
>
>
>
>
>

**_Who** · Sep 18 '08, 07:55 PM

Re: Add a StyleSheet to the body dynamically

Thanks, now I see the general approach.

"Cowboy (Gregory A. Beamer)" <NoSpamMgbworld @comcast.netNoS pamMwrote in
message news:e2M3tCbGJH A.872@TK2MSFTNG P03.phx.gbl...

In addition to Nathan's suggestion, you can dynamically alter the entire
CSS (point to a different file). There are two methods to do this:
>
1. If all you are changing is CSS, try this:
>
<link id="MyStyleShee t" rel="stylesheet " type="text/css" runat="server" />
>
You leave the actual pointer empty here. You can then do the following:
>
MyStyleSheet.At tributes.Add("h ref", "{location of file}");
>
You can also do an Attributes.Remo ve() first if the CSS is only altered on
one or two pages, as it simplifies your code model and allows you to
supply a default.
>
2. If you envision the possibility of bigger changes (particular skins,
etc.), consider themes instead. You create different themes and you can
then dynamically change them in code based on a user's choices. There are
plenty of examples of this on the web.
>
--
Gregory A. Beamer
MVP, MCP: +I, SE, SD, DBA
>
Subscribe to my blog

Stop Making Sense

http://feeds.feedburner.com/GregoryBeamer#

>
or just read it:

Stop Making Sense

http://feeds.feedburner.com/GregoryBeamer

>
*************** *************** **************
| Think outside the box! |
*************** *************** **************
"_Who" <CalWhoNOSPAN@r oadrunner.comwr ote in message
news:ez7%23kMSG JHA.3664@TK2MSF TNGP04.phx.gbl. ..

>>I use the code below to change to a style sheet that has:
>>
>body
>>
>{
>>
>>
>...
>>
>>
>background-image:url(../images/background brown.gif);
>>
>>
>>
>}
>>
>Rather than:
>>
>body
>>
>{
>>
>...
>>
>background-color:black;
>>
>}
>>
>>
>>
>>
>>
>Dim HtmlLinkObj As HtmlLink = New HtmlLink()
>>
>HtmlLinkObj.At tributes.Add("h ref", "StyleSheet s/Textured.css")
>>
>HtmlLinkObj.At tributes.Add("r el", "stylesheet ")
>>
>HtmlLinkObj.At tributes.Add("t ype", "text/css")
>>
>HeadMaster.Con trols.Add(HtmlL inkObj)
>>
>>
>>
>Works OK on IE but has no effect in FireFox nor Safari
>>
>On the .master there is:
>>
><head id="HeadMaster" ...
>>
>>
>>
>I once saw where some one added to the body tag in addition to the head
>(I think).
>>
>Been looking but can't find it now that I'd like to try it.
>>
>Do you know how to do that?
>>
>Have any other ideas how to make it work in FireFox and Safari
>>
>>
>>
>Thanks
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>

>

Add a StyleSheet to the body dynamically

Add a StyleSheet to the body dynamically

Comment

Comment

Comment

Comment

Comment

Comment