Latest topics
» IconSkouliki
by skouliki Sun 17 Sep 2017, 11:05

» Awards
by Mr_Grande Sun 17 Sep 2017, 08:52

» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Fri 15 Sep 2017, 14:56

» Display a preview of the user profile on hover
by Eiki Thu 14 Sep 2017, 02:38

» [GAME] Count to 30 - Ange Edition
by SLGray Mon 11 Sep 2017, 14:23

» Rank CSS
by Mr_Grande Fri 08 Sep 2017, 09:24

» make the topic a color
by Ultimas Wed 06 Sep 2017, 19:44

» Chit Chat Thread
by Valoish Sun 03 Sep 2017, 23:20

» The like/thumbs up or down feature
by Dr.kran Sun 03 Sep 2017, 19:21

» My text boxes are glitched, can you help with this type of problem?
by Wolfuryo Sun 03 Sep 2017, 17:08

» User - Made Creations
by SLGray Sun 03 Sep 2017, 16:25

» FM Themes
by SLGray Sun 03 Sep 2017, 16:24

» i need to add css improvement
by Wolfuryo Sat 02 Sep 2017, 12:12

» How do I add hover examine feature?
by Dr.kran Wed 30 Aug 2017, 16:43

» [GAME] World Snake
by SLGray Wed 30 Aug 2017, 14:46

Recent Tutorials
Top posting users this month
Who is online?
In total there are 5 users online :: 0 Registered, 0 Hidden and 5 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

[BUG] Like (and dislike) button dysfunction

View previous topic View next topic Go down

avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Wed 04 Jan 2017, 14:51

Hello hello!

After installing FAE on my site, I have encountered a problem with the reputation system. The "button" if you can call it that, works, but it is displayed incorrectly.

Most of the immediate bugs I've worked out. However, this one stumped me (surprise surprise).

Here is what I'm getting in the posts for the like button (I've hid the dislike button and rep bar):



Example topic: http://www.geekpolice.net/t30327-wick-hill-feature-delivering-secure-wi-fi#213181

I have edited the JavaScript concerning this, the CSS as well - to no avail. I suppose I'm missing something, because I used Inspector to check the code, and there are no errors either in the debugger. Razz

What do you think?

--------

~Dr Jay
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3633
Points : 4696
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Wed 04 Jan 2017, 15:14

I tried to view the button but I can't unless I have an account. If you can provide a dummy test account (regular member, not staff or anything) so we can check out the problem that'd be great :3

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Wed 04 Jan 2017, 15:16

Sure...




--------

~Dr Jay
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3633
Points : 4696
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Wed 04 Jan 2017, 16:01

Weird.. o-o I checked the HTML, the CSS, and even the @import rule at the beginning of your CSS (switched it out with the one that Ange has on this forum since it works, but still nope) but it just won't fix o_e'
Idk if something broke during the installation but maybe try uninstalling and re-installing? I know Ange's forum version wipes the old CSS and JS so I doubt that you have some sort of other code conflicting with Font Awesome..

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Wed 04 Jan 2017, 16:07

Me too. I did not try swapping import rules.. However, since this is the only bug that's being stubborn... I could try a different reputation system, or I can force it to accept a different button. However, I'm more for fixing the bug at the moment than trying to "force" something.

I posted here, because I was afraid there was an incompatibility in a template that I could not find. I read the code, and the automatic insert for the like button is different from what it does on this forum: ï…¤ (< Rendered as plaintext). huhohi

I could easily remove the like button altogether, and just have the Thanks button, because as you can tell @Valoish, the Thanks button is intact and operating well. Razz

--------

~Dr Jay
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3633
Points : 4696
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Wed 04 Jan 2017, 16:21

Yeah, it's pretty weird.. The HTML, CSS and import rule are all like the ones on here so I don't see why it's displaying the button as "ï…¤" rather than a thumbs up (empty square when viewed in Dev Tools)
If you wanna fix it, then it'd be best to wait for Ange (Hopefully he can answer this even though he's technically not providing support anymore since its a small request ><) Hiding the button altogether could also work if you're okay with that Razz

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Wed 04 Jan 2017, 17:35

Okay, we'll leave this open for a few days to see if anymore ideas stream in.

Thanks!

--------

~Dr Jay
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Sat 07 Jan 2017, 18:38

I have fixed the issue...

I replaced the jumbled text that I showed above with the proper font awesome icon in the viewtopic_body Template:

Code:
<ul class="profile-icons">
            <!-- BEGIN switch_vote_active -->
            <li class="vote gensmall">
               <!-- BEGIN switch_vote -->
               <a class="fa vote-button-plus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"></a>
               <!-- END switch_vote -->

               <!-- BEGIN switch_bar -->
               <span class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <span class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></span>
                  <!-- END switch_vote_plus -->

                  <!-- BEGIN switch_vote_minus -->
                  <span class="vote-bar-minus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></span>
                  <!-- END switch_vote_minus -->
               </span>
               <!-- END switch_bar -->

               <!-- BEGIN switch_no_bar -->
               <span title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar"></span>
               <!-- END switch_no_bar -->

               <!-- BEGIN switch_vote -->
               <a class="fa vote-button-minus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a>
               <!-- END switch_vote -->
            </li>
            <!-- END switch_vote_active -->

--------

~Dr Jay
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 20
Posts : 3633
Points : 4696
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Sat 07 Jan 2017, 19:36

Wow.. Who would have thought the templates could be the problem o-o
Awesome job figuring it out~!  Thumb right

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Sat 07 Jan 2017, 20:24

Well, after I inspected it, Val, I noticed that the specific characters (I showed above) were inserted as plaintext, which clued me in to the possibility that Templates were the problem.

--------

~Dr Jay
avatar

Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 95
Points : 1705
Reputation : 26
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

Post on Mon 09 Jan 2017, 12:23

Hmm.. I'm assuming characters which weren't supported by your forum's charset ( or something similar ) might've been converted to more "readable" ones when the template was retrieved via AJAX. Just an assumption though, I'm not entirely sure how that happened. You can find all the templates here just in case of any other inconsistencies elsewhere.
avatar
Dr Jay

Title :
Power of Youth!
Gender : Male
Posts : 153
Points : 544
Reputation : 34
Location : USA
Language : English (Native)
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://www.geekpolice.net

PostDr Jay on Mon 09 Jan 2017, 13:09

That's what kept ringing in my head while inspecting was "charset." But yeah, it's solved and works great.

--------

~Dr Jay

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum