Legacy Removing action text from buttons drops image.

[Freekoid]

I've started removing the action text from buttons as all members know what this part of the forum does just by the imagery and hovering over the icon/button, but thus doing so pushes the image down, i've provided two examples below to show the differences

 

[Fillip H.]

That's not a bug, the buttons aren't currently designed to work without the text.

 

[Freekoid]

Ok, Would you consider this as a feature request please?

 

[Ozzy47]

Freekoid ok here is a way to accomplish what you want.

In the template DragonByte Tech: Advanced Post Thanks / Like Templates - dbtech_thanks_postbit_entries_actionbit open that template and replace the contents there with:

<a href="javascript://" name="dbtech_thanks_button" data-postid="{vb:var post.postid}" data-button="{vb:raw button.varname}"><img src="dbtech/thanks/images/{vb:raw button.varname}.png" alt="{vb:raw button.title}" border="0" style="position: relative; top: 4px; left: -20px; " /> <!--{vb:raw phrase}--></a>

Doing it this way you don't even have to remove the action text in Button Management. I have tested it out and is seems to work with no issues at all. You can always revert the template if it is not to your liking.

 

[Fillip H.]

I've changed this to a feature request to get this as an option in a future version

 

[Ozzy47]

Freekoid did that work out ok for you?

 

[Freekoid]

Ozzy47 sorry, I totally overlooked your reply..

This is what I have achieved so far..

Yes, it works, I would have liked the images closer together, I'm angling to make this more like xenforo post ratings but achieving is a bit of a mare. I understand Fillip H. is heading off in his direction and seeing as 'action button text' is a must for this mod as mine is veering off acutely to the left. lol

A spritesheet would probably be my next feature request

 

[Ozzy47]

I dunno if sprites would be possible due to the fact of the infinite amount of buttons that can be created, but not totally sure. I will see what I can do to make the images closer together when I have a moment.

 

[Freekoid]

didnt think of infinite buttons, ok nevermind, thanks for your time

 

[Ozzy47]

Freekoid Ok this is about the best it is going to get doing it this way till it is implemented as a feature.



In the template DragonByte Tech: Advanced Post Thanks / Like Templates - dbtech_thanks_postbit_entries_actionbit open that template and replace the contents there with:

<a href="javascript://" name="dbtech_thanks_button" data-postid="{vb:var post.postid}" data-button="{vb:raw button.varname}"><img src="dbtech/thanks/images/{vb:raw button.varname}.png" alt="{vb:raw button.title}" border="0" style="position: relative; top: 4px; left: -20px; margin-right:-20px; " /> <!--{vb:raw phrase}--></a>

 

[Freekoid]

Fantastic, looking good, thanks very much

 

[Ozzy47]

Not a problem, glad it worked for ya.