Hello,

Normally joomla shows print icon and e-mail icon.

K2 only shows text-links (print, e-mail, comment, related video)
Is it possible to show icons instead???
And if so, how can I manage this?

Or is this some nice feature to add in a next release?
Is there somebody with tips for me?

Thanks!

I'm using a K2 install in a RocketTheme template (Affinity) for the following...but it should be close:

The "PRINT" code and command are found in com_k2\templates\default\item.php line92 (and you'll see the email code right below it).

I've been trying to paste the actual code, but this forum software objects.
Just open the file and search for 'itemPrintButton' and you'll find it.

The bad news - the code is barren.
The good news - there's a CSS place holder so you can jazz it up:

com_k2\css\style.css line 72
=====================
ul.itemToolbar li a.itemPrintLink {}
ul.itemToolbar li a.itemPrintLink span {}
=====================

So fill in the blanks and you should be good to go.
John.

I have tried this, but probably I am doing something wrong.
I have tried the following:

ul.itemToolbar li a.itemPrintLink { background:url(URL-TO-PRINT-IMAGE) no-repeat; width:16px;height:16px; }
ul.itemToolbar li a.itemPrintLink span { display:none; }

But when I am hiding the span with the word "print" the picture will nog appear.
When I am showing the span with the word "print" the picture will appear BELOW the word "print", so that's not what I want.

Someone tips for me?

Thanx!

Hi Bart,

Take a look at this topic:

k2community.joomlaworks.gr/forum/topics/replacing-print-and-email-in

It works like a charm. One thing: you have to place your icons in the images folder of the template you are using for Joomla, not the images folder for K2.

Regards,

Svein

Bart Pluijms said:I have tried this, but probably I am doing something wrong. I have tried the following:

ul.itemToolbar li a.itemPrintLink { background:url(URL-TO-PRINT-IMAGE) no-repeat; width:16px;height:16px; }
ul.itemToolbar li a.itemPrintLink span { display:none; }

But when I am hiding the span with the word "print" the picture will nog appear.
When I am showing the span with the word "print" the picture will appear BELOW the word "print", so that's not what I want.

Someone tips for me?

Thanx!

same question and the link seems to be broken

Svein Wisnaes said:Hi Bart,
Take a look at this topic:

k2community.joomlaworks.gr/forum/topics/replacing-print-and-...

It works like a charm. One thing: you have to place your icons in the images folder of the template you are using for Joomla, not the images folder for K2.

Regards,

Svein

Bart Pluijms said:I have tried this, but probably I am doing something wrong. I have tried the following:
ul.itemToolbar li a.itemPrintLink { background:url(URL-TO-PRINT-IMAGE) no-repeat; width:16px;height:16px; }
ul.itemToolbar li a.itemPrintLink span { display:none; }

But when I am hiding the span with the word "print" the picture will nog appear.
When I am showing the span with the word "print" the picture will appear BELOW the word "print", so that's not what I want.

Someone tips for me?

Thanx!

This is a default category view with everything in item view paramaters set to show except video autoplay and author email. print, email, and facebook all work. this is 2.4 svn
If you create a new category and put one item in it and leave everything default, i would start by selecting a milkey way template, and checking k2 dashboard/info to make sure things are all enabled

Here is how I changed my to icons, just open your k2.js add this lines to the bottom of the code and add the path of the images you want to show instead of the text.

$K2(document).ready(function(){
$K2('.itemPrintLink span').replaceWith('<img src="/components/com_k2/images/system/imprimir.png" right="0px" width="170px" height="50px" alt="Print">');
$K2('.itemEmailLink span').replaceWith('<img src="/components/com_k2/images/system/email.png" right="175pxs" width="170px" height="50px" alt="Print">');
});

I still have one issue after I did this. I can't get rid of the dot from the module.
I know it is just a matter of adding somewhere a {list-style:none;} but all the places I've tried I got the same thing as people were talking here, it seems not to work on the .css
and I also need to show the buttons side-by-side but don't know where to change.