Phoca Download Editor Button in frontend: No CSS Styling

[Maranomedia]

Hi,

I have a problem with the frontend phoca download editor button. When I want to include a file (or category etc.) the complete styling gets lost, including pagination etc. It looks like sh.. . Can you tell me what´s the problem? I was able do replicate the problem on differen server, so it must be a global problem in my pont of view. Does anybody know a solution?!

Here´s a link to show you how it looks like in the frontend (I have to post links because it´s an intranet site):
-> prntscr.com/257vqs
-> prntscr.com/257vvo

Joomla: 2.1.15
PHP: 5.3.x
Editor: JCE

[Jan]

Hi, do you get the same problem when you switch to standard editor in Joomla!?

Jan

[darr]

Hello Guys,

sorry for digging out old topic, but I couldn't find the answer elsewhere.

Jan, I have pretty similar problem with styling of phoca download button editor plugin. I am using Joomla 3.x and Phoca Download 3.0 - downloaded button and once I click on the button opens the lightbox, but the content of it is completely messed up. Looks like it is missing CSS altogether. I would prefer not to modify the plugin to make it work.

Would be grateful for some tips on how to fix that.

Ohh, and replying to your question - the same story is with standard TinyMCE and JCE editors, so I guess it is not that.

Thanks.

[Jan]

Hi, if you are using TinyMCE and you get still the problem, try to see the source code of the site and check if the CSS of phoca download is loaded on that site

Jan

[darr]

Hi Jan,

thank you for your prompt response. Very much appreciated. CSS is not loaded anywhere - checked with both editors.

[Jan]

Hmm, there should be loaded a phoca download css to style the button

[darr]

Hi Jan,

thanks for you support. Do you have any idea how to fix this? Where this CSS should be located - in component or plugin itself?

[Jan]

The CSS should be located here:
plugins/editors-xtd/phocadownload/assets/css/phocadownload.css

Anyway which template you are using, it is not loaded when beez_20 is used as they were design conflicts

Jan

[darr]

Thanks for your help. Will have to check that thoroughly.

Well, I took over website maintained previously by someone else. So far didn't noticed any major conflicts. Website uses Joomla 3.2.

[darr]

Hi Jan,

I looked more closely at the issue I was having. In case someone experience similar problem it was caused by the css conflict of Isis template and phocadownload css. Jan, you may want to have a look at it.

Generally I know I shouldn't modify css files of the component directly but that quickly solved my problem. What I did:
- Updated Phocadownload - component and plugins to the newest versions
- In media/com_phocadownload/administrator/css/phocadownload.css I added the extra line

Code: Select all

#phocadownload-links [class^="icon-"], #phocadownload-links [class*=" icon-"] {
display: inline-table;
}

as it was the isis admin template was overriding components value.

After that everything worked as expecting.

Thanks