How to generate css by database in asp.net..?

Question

I want to change the content of style sheet dynamically like:

 .menu
{
 color: #333333;
 Font-size : 12px;
}

I want to change the color and font size dynamically. How to replace value of color (like #333333 to #ffffff) and font size (12px to 14px) dynamically.

I am finding the way to use variables in stylesheet, and assigning it to attributes that can make my work easy.

Waiting for reply with example.

Write your CSS template, write a ASHX handler, and serve the CSS on demand with your database values in place. — Alexander
– Alexander, Commented Jul 24, 2013 at 9:45

VikciaR · Accepted Answer · 2013-07-24 07:02:35Z

1

If you use asp.net, use inline html. Read here

<div style="font-size: <% Response.Write(i)%>">
        Hello World<br />
</div>

answered Jul 24, 2013 at 7:02

VikciaR

3,41223 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Imran Balouch · Accepted Answer · 2013-07-24 07:17:37Z

0

I am not pretty much sure that you can use variables in stylesheets, what I think a way around for it is to generate the style sheet at run time and assign it to the page.

In you asp.net page you can have like:

<head>
    <title>WebForm1</title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <asp:literal id="literalCss" runat="server"></asp:literal>
</head>

and than in your code behind you can use:

private void Page_Load(object sender, System.EventArgs e)
{
// create css file here for the specific user and save it in a folder,
// give a meaning full name to file, if user specific you can append user id in name like
string fileName = "cssFile_" + userid + ".css";
    literalCss.Text = @"<link href='/style/" + fileName + "' rel='stylesheet' type='text/css' />";
}

I hope it can help you out.

answered Jul 24, 2013 at 7:17

Imran Balouch

2,1701 gold badge18 silver badges37 bronze badges

1 Comment

Imran Balouch Over a year ago

You shall make a check as well that if a file is already created of this user than don't create it again.

Deadcow · Accepted Answer · 2013-07-24 09:28:11Z

0

You may use JavaSctipt with JQuery:

$("#myButton").Click(function()
{
    $(".menu").css({"color":"#ffffff","font-size":"14px"});
});

edited Jul 24, 2013 at 9:28

answered Jul 24, 2013 at 7:08

Deadcow

1212 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to generate css by database in asp.net..?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related