Latest posts for the topic "How to include custom CSS"

How to include custom CSS

shriniarole — GMT

In order to format the view effectively, I am using a server-side script as follows:
mytxt=''
mytxt+='

'
mytxt+=htmlText
mytxt+='

'
return mytxt

This formats the point value into a 70x70 box for display. Is there any way to put the CSS style declaration in a file so that it is available client side? This way, if I decide to change the border from orange to green, for example, I wouldn't have to change the script for each point, but rather just change 1 css definition. I tried to add to common.css and include the css in the html script, but it did not work for some reason.

Re:How to include custom CSS

mlohbihler — GMT

Putting your CSS in common.css should work.

Re:How to include custom CSS

shriniarole — GMT

I got the effect I needed.. but not through the common.cs

I discovered that if I had a server-side script on the view that had a style definition in it, I could use that definition in any html/script tag on the view. So -- I just created a placeholder server side script to hold the css and used those style defs in the other points..

I'd still prefer to use common.cs though -- so I'll play with that some more. So far, no luck though.

Re:How to include custom CSS

mlohbihler — GMT

Putting your styles in a view element will work, but of course only on that view.

Re:How to include custom CSS

shriniarole — GMT

Ah! Got it to work. Stupid mistake. I add a comment to the CSS before my declaration and used the hash mark (too much shell scripting lately) rather than the /* */ comment... Once I changed that, it works great.

In case anyone else wants to do, here is what I did:

common.css as following lines:
/* custom CSS -- S. Arole. */
.PCMSBox {
height: 70px;
width: 70px;
border: 2px solid orange;
background-color: yellow;
text-align:center;
font-size: 20px;
font-weight: bold;
}

and the server-side script tag has the following:
mytxt='

'
mytxt+=htmlText
mytxt+='

'
return mytxt

Thanks!