{tag_button,Your Text}

[michael_55_]

I thought that there was an option to load your own image but cannot find any reference to it

Does any know if there is an option to replace the text with an image.

[Liam Dilley]

In the world of current screen display's, retina displays etc buttons as images is not a good idea. Just build your own button with CSS.

[michael_55_]

Hi Liam, thanks for your reply.

It was customer driven and I unfortunatley  opened my mouth and said those dreaded words, "the system has an option to do that".

I ended up applying css to do the job

thanks again

[Liam Dilley]

But you can, it depends on which tag_button your using but most modules now like blogs, web apps have a tag for the raw url to the detail view.

You just construct your own html, and IF you want to use an image you can do. Same too if you coded it in liquid.

[michael_55_ · Accepted solution]

for those that are interested or who had forgotten, this is the solution.

{tag_button,<img alt="" src="/dev/images/more-information-sm.png" />}

[rbrtsluk]

haha you try to help someone!!

[michael_55_]

I knew that there was a option so I just kept looking, by chance I did some work on an old bc site that used the option.

This is the effect I was after. It was used in the small shopping cart template. I needed something different as it had the product option buttons, buy now, add to cart and tell a friend. I needed something that stood out from the others.

Glad I made you laugh

[Liam Dilley]

Again.. With newer output tags and even liquid and with modern web... Try not to use images.

All that can be achieved with your own anchor and CSS and nothing else which will be sharp, crisp, responsive and no image loading.

[michael_55_]

I would like for the same thing to be produced in liquid or CSS, it cant be done.

[Liam Dilley]

What do you mean it can not be done?

Let's say your doing a web app link to detail view:

Web App list layout | Business Catalyst Developers

Non liquid

<a href="{tag_itemurl_nolink}" class="more-link>More Information</a>

Liquid

<a href="{{url}} " class-"more-link">More Information</a>

You can use icons as images or something like font awesome. CSS is easy and straight forward.

Blogs, news etc all have similar tags to output, blog for example:

Blog post list layout | Business Catalyst Developers

You have been able to do non image buttons pretty much across the whole of BC front end for years now.