How can I register a css page from an ascx control?

asp.net css ascx
Matt picture Matt · Sep 25, 2010 · Viewed 8.1k times · Source

How can I register a css code block inside an ascx control?

Can I just have 

<head id="head" runat="server">
    <style type="text/css">
        .customClass
        {
        background-color: Lime;
        }

        </style>
</head>

Anywhere in ascx page? I doesn't seem to work?

Answer

wsanville picture wsanville · Sep 25, 2010

Styles must be defined in the head section of your HTML. That goes for both style tags and link tags that register external CSS files.

If your page has a head tag with the runat="server" attribute, you can programmatically access it via the property this.Page.Header.

The method I usually use when I need to add something between the opening <head> and closing </head> tag is a method such as this one. Simply pass in the url to your stylesheet.

public void AddStylesheet(string url)
{
    string link = String.Format("<link rel=\"stylesheet\" type=\"text/css\" href=\"{0}\" />", url);
    this.Page.Header.Controls.Add(new LiteralControl { Text = link });
}

Related questions

Can a Web User Control (.ascx) use a CSS file for styling?

Here's the source of a blank .acsx file I created called LogOnBox. <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="LogOnBox.ascx.cs" Inherits="ECommerce.Views.Shared.LogOnBox" %> I want to drag some labels, and textboxes etc and give them …

Read More
TypeError: $(...).DataTable is not a function

I am trying to work with jQuery's Datatable JS for my project from this link. I downloaded the complete library from the same source. All the examples given in the package seem to work fine, but when I try to …

Read More
How do you modify a CSS style in the code behind file for divs in ASP.NET?

I'm trying to modify a CSS style attribute for a div based on the information I get from a database table in the code behind of my aspx page. The following is essentially what I am trying to do, but …

Read More