CSS class doesn't show when link is image, not text

Friday 30 April 2010 3:31:25 am

Hi,

This is my first post here (very new to EZ Publish at all), so please bear with me if I'm asking something trivial :)

Well, I have customized my extension/ezoe/settings/content.ini.append.php to allow custom CSS classes to be added to links:

[link]

...

AvailableClasses[]=issuu

AvailableClasses[]=slideshow

After this, I'm able to set the classes "issuu" and "slideshow" to the text links in the WYSIWYG editor for the content.

And this works when the link is text link.

However, when I insert an image and make it link and select the link class to be "slideshow" for example, the CSS class doesn't go to the link attributes.

Please, advise if I missed something or I did something wrong ?

Regards,
Yasen Georgiev

Sunday 02 May 2010 11:52:42 pm

Hi Robin,

Thanks for the warm welcome :)

I've searched the forum before posting and found the topic you've suggested. I've tried it, but without success.

I've checked which template renders the image within the link that I've set as "slideshow". I found that actually there are 3 templates for rendering an embedded image. Here are the used templates:

design/standard/templates/content/datatype/view/ezxmltags/embed.tpl

extension/ezwebin/design/ezwebin/override/templates/embed/image.tpl

extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezimage.tpl

In the first one - embed.tpl - there is a variable $link_parameters which has a property class that contains the right CSS class I've set - "slideshow".

In the second template - image.tpl - there is also a variable $link_parameters which holds the proper CSS class name.

However in the third template - ezimage.tpl - there is no $link_parameters variable. There are two other variables - $link_class and $css_class that I thought might contain data abouth the CSS class "slideshow", but no luck :)

I've tried to pass the $link_parameters from image.tpl to ezimage.tpl like this (image.tpl):

{attribute_view_gui attribute=$object.data_map.caption link_parameters=$link_parameters}

but again no luck :) In the ezimage.tpl I get the passed variable $link_parameters as not defined.

Also, when I'm editing the content via the WYSIWYG editor, when I check the HTML source code for the embedded image within the link, it is properly rendered with the CSS class "slideshow" (the A tag that is wrapping the image). However when I publish the content the link doesn't contain the CSS class anymore.

I suppose if I can pass the $link_parameters to ezimage.tpl or find where the A tag is stripped upon publishing, this could help. Or any other solution, of course :)

Any suggestions are highly welcomed!

Regards,
Yasen Georgiev

Monday 03 May 2010 11:51:29 am

Hi Robin,

I'm using 4.2 with ezwebin.

Regards,
Yasen Georgiev

Wednesday 05 May 2010 2:35:55 am

It could be. Perhaps I have it somewhere overridden. I'll dig into that direction.

Thanks Robin!

Regards,
Yasen Georgiev

Wednesday 05 May 2010 11:00:00 am

Hi Yasen,

Good to see you fixed it. Could you mark your original post as Solved? (Should be a checkbox if you edit it). I've passed on a message to one of the dev's so he can check if this is a bug or not.

Regards Robin

Board member, eZ Publish Community Project Board - Member of the share.ez.no team - Key values: Openness and Innovation.

LinkedIn: http://nl.linkedin.com/in/robinmuilwijk // Twitter: http://twitter.com/i_robin // Skype: robin.muilwijk

Thursday 06 May 2010 12:17:50 am

Hi Yasen,

The developer confirmed this as a bug, could you please report it on the issue tracker? See http://issues.ez.no/

Thanks, Robin

Board member, eZ Publish Community Project Board - Member of the share.ez.no team - Key values: Openness and Innovation.

LinkedIn: http://nl.linkedin.com/in/robinmuilwijk // Twitter: http://twitter.com/i_robin // Skype: robin.muilwijk

Wednesday 19 May 2010 10:17:33 am

I guess this is caused by lines bellow in settings/override/content.ini.append.php, you can comment them out using "#" to fix it.

[embed-type_images]
AvailableClasses[]

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom