Using a Stylesheet in a User Control

Nathan Sokalski · May 22, 2005

I have a user control that uses classes from a CSS Stylesheet. Because a
User Control does not have a <head> section, I do not know where to put a
link tag to link it to the stylesheet. If I manually place a a link tag in
the page that I use the User Control in it works fine, but is there a way to
have the control add this link tag for me when I insert the control? Thanks.

Smithers · May 22, 2005

You can inject the link tag into the page that hosts the user control. You
could place a Literal control on the page, then set its .Text property to a
string containing the the link tag. You could do this at the same place in
your code where you insert the control.

-HTH

EJD · May 22, 2005

Hi,

The user control that I have in one of my projects looks like this in
the HTML:

<%@ Control Language="c#" AutoEventWireup="false"
Codebehind="Header.ascx.cs" Inherits="MyProject.Header1"
TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<LINK href="MyProject.css" type="text/css" rel="stylesheet">

Although I do use the same css file for all of the pages in the
project, if I just add the UC to a blank page without adding it to the
webform as well, it seems to work fine... HTH.
EJD

jeffreyroy · Sep 10, 2008

Add Style Sheet Reference to User Control

I added this to the Page_PreRender event in the User Control:

Dim Style As New HtmlControls.HtmlLink

With Style.Attributes
.Add("href", Me.ResolveUrl(Me.AppRelativeVirtualPath).Replace(".ascx", ".css"))
.Add("type", "text/css")
.Add("rel", "stylesheet")
End With

Page.Header.Controls.Add(Style)

This simply matches the name and location of the user control in terms of the name and location of the stylesheet. You could enhance this, of course, to use a different name or path for the stylesheet while still rendering the link to the stylesheet only on pages hosting your control.

- Jeff -

swati254 · Dec 5, 2008

css class in web user control

Code:

we all know that inwebuser control there is no html,head tags in it.so...
To use stylesheet in a user control 
mention the cssclassname in web user control where needed in webuser control you donot find the changes according to css class.you can see the changes in  webform where you are using that webusercontrol.
now in webform in which you are using the webuser control add stylesheet in head section of the webform
you find the changes according to the stylesheet.

swati254 · Dec 5, 2008

use cssclass inwebuser control

swati254 said:
Code:

we all know that inwebuser control there is no html,head tags in it.so...
To use stylesheet in a user control
mention the cssclassname in web user control where needed in webuser control you donot find the changes according to css class.you can see the changes in webform where you are using that webusercontrol.
now in webform in which you are using the webuser control add stylesheet in head section of the webform
you find the changes according to the stylesheet.

Multi select options in a menu	1	Oct 30, 2022
Problem in getting dashboard page from login page in python pycharm using POST command	0	Dec 24, 2022
using css in a user control	2	Sep 22, 2008
How to store data from a sign up form on a website into an sql databse	1	Sep 9, 2022
Background image not showing up on html page	3	Sep 23, 2023
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Survey details won't go through using php, ajax, Mysql	2	Oct 26, 2023
Add recipes using JavaScript in table	20	Apr 17, 2023

Using a Stylesheet in a User Control

Nathan Sokalski

Smithers

EJD

jeffreyroy

swati254

swati254

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads