Forums / Developer / css files of classes in ez

css files of classes in ez

« 
Previous topic
|
Developer
|
Next topic
 »
Author Message

Romeo Antony

Friday 16 July 2010 7:11:31 am

Antone please tell me from where the css files of classes is loading(class like feedbak formfolder).

Any idea will be really helpfull

Romeo

Brandon Chambers

Friday 16 July 2010 9:10:09 am

You can use a variety of ways to figure out what CSS file contains your class.

a few ways:

1. Any platform: Make sure caching is off on your development server so you can see what CSS files are loaded separately, clear caches, reload your page, use Firebug (Firefox add-on) to find the CSS class in question.

2. Linux platform: Use a shell (whether SSH or if it's on your computer it doesn't matter -- just as long as you have command line access) and use the command: grep -R 'mystring' ./ | less

3. W*ndows platform: I've found that I can use Notepad++ effectively for this. You can open multiple documents to search for text. Or try your luck with the W*ndows search function.

Good luck and I hope this helps!

Brandon Chambers
brandon@granitehorizon.com
blog: http://blog.divdesigns.com
Granite Horizon / http://granitehorizon.com

Romeo Antony

Friday 16 July 2010 4:39:24 pm

Thanks a lot for your help.. Romeo

Romeo Antony

Sunday 18 July 2010 5:03:34 am

I have found that css file content.css is loaded that define the structure and styles of all classes contents.

But I didn't found any place where this css files is declared. This content.css has been been declared no where including design.ini files in site access or in any extensions.

Anyone has an idea abour where it has been declared?

Kévin S.

Tuesday 20 July 2010 12:33:35 am

CSS files are declared in the header of the pagelayout :

<head>

{* Bloc de cache pour sauvegarder les donnees des fetchs jusqu'a la prochaine publication d'objet *}
{cache-block keys=array( $module_result.uri)}

{* -> HERE : INCLUDING THE STYLES AND SCRIPTS FILES <- *}
    {include uri='design:page_head_displaystyles.tpl'}
    {include uri='design:page_head.tpl'}
    {include uri='design:page_head_style.tpl'}
    {include uri='design:page_head_script.tpl'}

{/cache-block}

</head>

You can find them in the folder eZPublish/extension/[your extension]/design/[your extension]/stylesheets/

I don't really know the exact purpose of each file, I guess site-colors.css and content.css should contain different kind of style, but I don't know these differences. The biggest parts of the styles are in content.css (probably the node-related styles) & site-colors.css (probably the display-related styles, non related to a node in particular).

Hope this helped.