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

Question

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 style using a CSS file. How can I associate a CSS to an acsx file?

Are you using ASP.NET or ASP.NET MVC? The solution is different for each. — Joseph Yaduvanshi, Jun 28 '10 at 01:54

score 4 · Accepted Answer · answered Jun 27 '10 at 16:59

4

The CSS is associated to the page, and not the control specifically. But you can use the CSS in the control when the page has referenced it.

answered Jun 27 '10 at 16:59

Arjan Einbu

13,543
2
56
59

So how do you suggest I apply an html id to a part of my webcontrol? – Sergio Tapia Jun 27 '10 at 17:11

score 1 · Answer 2 · answered Jun 27 '10 at 16:57

1

Just reference the css file in the header of the page containing the user control.

answered Jun 27 '10 at 16:57

Brownman98

1,053
1
7
17

+1 to counter the downvote. This is true no matter how you look at it. – Arve Systad Jun 27 '10 at 17:41

score 0 · Answer 3 · answered Nov 03 '16 at 10:28

In my cases i would like to embed css and js file into dll for do that i do bellow steps and it work

step 1 Put bellow code on top of your page behind

   [assembly:WebResource("YourProjectName.Assets.Plugins.Dropzone.dist.dropzone.js",    "application/x-javascript")]
[assembly:WebResource("YourProjectName.Assets.Plugins.Dropzone.dist.dropzone.css","text/css")]
namespace Sanay.Suip.UserControls
{
    public partial class FileUpload : UserControlBase
    {

step 2

And in inInitial event by bellow codes

`protected override void OnInit(EventArgs e)
{

base.OnInit(e);
string css = "<link href=\"" + Page.ClientScript.GetWebResourceUrl(this.GetType(),
"YourProjectName.Assets.Plugins.Dropzone.dist.dropzone.css") + "\" type=\"text/css\" rel=\"stylesheet\" />";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "cssFile", css, false);
ClientScriptManager csm = Page.ClientScript;
csm.RegisterClientScriptResource(GetType(), "YourProjectName.Assets.Plugins.Dropzone.dist.dropzone.js");
}

`

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

3 Answers3

Linked