Forum > News & Announcements > Integrated comment forms + animal genre
Pages: 1 2 3 4 5
"Integrated comment forms + animal genre", 23rd Sep 2020, 5:18 AM #1
Kyo
๐ŸŠ
User avatar
Hi!

First of all, I've added a genre for animal comics, so if you feel like your webcomic belongs in that genre, make sure to edit the webcomic information to update it!

Additionally, I've made an update to all default layouts and simple layouts: the comment form is now integrated directly into the page! The edit, reply and delete comment menus will now also pop up underneath the comment, rather than in a new window.

Now, while the comment form is now integrated into the page, it's still it's own entity, rather than being directly part of the layout. this is necessary to make sure people can't leave fake comments using your account. To style the way the comment form looks a little bit, you will now have the choice of editing the comment form background and button colors when editing your layout.

If you're not using a default or simple layout, you might be wondering how to get the integrated comment forms on your layout. Read onwards for instructions:

remember to make a backup of your layout before you start by clicking "Download Layout Backup" on the edit layout screen

the easy part - integrated leave comment form:
go to your webcomic management -> edit layout -> Comic Page

look for the "post a comment" link, searching for "commentlink" should help you find it. On a lot of layouts, there may be two of those links. Replace the bottom one with this code:

<div id="commentform">
   [v:commentform]
</div>


if there's two links, you can replace the top link with a link to #commentform, to link to the form on the page:

<a href="#commentform">Post a Comment</a>


use the exact same instructions to do the same thing on the "view blog" page



the hard part - integrated reply, edit and delete comment:
okay, this is unfortunately a little more complicated. if the description below is confusing (which it probably is, sorry), it might be a good idea to check out the code for a default layout alongside these instructions.

1. go to your webcomic management -> edit layout -> Comic Page

2. find the comments loop by searching for "[l:comments]"

3. the entire content of the loop (so everything between [l:comments] and it's corresponding end tag [/]) should be inside a single tag (like a div), if that's not already the case, you need to add one. For most layouts this will be as simple as just wrapping a <div> ... </div> around the innards of the loop. If you have a table based layout, you'll probably need to split each comment into a distinct table

4. make sure that tag has the following attribute:
id="[v:l.commentanchor]"


4b. if the id with this code is used elsewhere in the loop, remove it

5. so to reiterate, your comments loop should now look something like this:

[l:comments]
    <div id="[v:l.commentanchor]">

        (the actual comment code here)

    </div>
[/]


6. find the edit link, replace it's onclick="" attribute with the following:

onclick="showCommentActionForm(event, [v:l.edit_jsdata]);"



7. find the delete link, replace it's onclick="" attribute with the following:

onclick="showCommentActionForm(event, [v:l.delete_jsdata]);"


8. find the reply link, replace it's onclick="" attribute with the following:

onclick="showCommentActionForm(event, [v:l.reply_jsdata]);"


9. somewhere within the comment loop, in the space where the edit/delete/reply window should pop up, add this code:

<div class="replyform-placeholder">
    [v:l.replyform]
</div>


it should now work!

10. again, use the exact same instructions to do the same thing on the "view blog" page (or just copy the code over)


enjoy! and let me know if you run into any issues!
_______________________
hello
23rd Sep 2020, 5:33 AM #2
loved birds way before they were the word
User avatar
Thank you! This is neat!

Something I've noticed that may be a bit of a UX problem is that the "leave a comment box" on simple layouts is underneath the rest of the existing comments, instead of appearing on top. It seems like it could be a bit confusing.
_______________________
23rd Sep 2020, 5:45 AM #3
Kyo
๐ŸŠ
User avatar
you know for some reason the entire time while working on this I just took it for granted that the comment window should be at the bottom, but you're making me realize that that doesn't really make sense. I'll probably reverse it very soon
_______________________
hello
23rd Sep 2020, 5:46 AM #4
loved birds way before they were the word
User avatar
Thank you!

For real, thanks for all the hard work you put into maintaining this site. We all appreciate it a lot.
_______________________
"Thumbs up, with catch...", 23rd Sep 2020, 6:04 AM #5
ascii man
User avatar
Okay, @Kyo, I confirm that this is indeed fancier than normal comment window, and it does work without JavaScript. *thumbs-up*

----

Though, I will have to point out one glitch (which is not actually Comic Fury's fault), that this comment form might not acknowledge your Comic Fury login-- if your browser's cookie policy was set to never allow third-party cookies.

However, if you could set it to allow third-party cookies from sites you have already visited; it will avert the problem. (Since you have to already-visit Comic Fury to log in before commenting)

If you can't (for browser's reason, or for privacy reason); you can work around by right-clicking (or tap-holding) somewhere near outside but near comment box, and choose This Frame > Show only this frame (or This Frame > Open Frame in New Tab, or similar option in your browser). You would find that this newly-opened comment box would now acknowledge your log in-- as the cookie used is no longer treated as third-party.

I have no idea what is the default cookie policy on browser these days. But I have heard that at least Firefox had tightened up the default policy on third-party cookies in the past (to reduce effect of web bugging); so this is a heads up if you found the issue.

-----

Lutzbug:Something I've noticed that may be a bit of a UX problem is that the "leave a comment box" on simple layouts is underneath the rest of the existing comments

Disagree, I found it being natural to have comment box on where exactly that to-be-comment is supposed to appear. And my view is placing comment box at the top discourages readers from reading existing comments before writing their own points/additions/question. This is especially a problem when author has already pointed something out in the middle of comment thread of a plot-heavy/controversial comic; which this oversight can make it devolve into YouTube-style cesspool comment section.

I support the comment box's being continue to stay at the bottom of the comment thread as it already does.
23rd Sep 2020, 6:10 AM #6
loved birds way before they were the word
User avatar
In all fairness, there were always two "leave a comment" buttons on both the top and the bottom of the comment section. I would rather have the new comment box on top of the rest of the comments because it's what people are used to and is a part of standard UX design to make things less confusing for the end user. I read a comic that regularly gets dozens of comments and it seems likely that people will have a rough time finding it, especially since it's a new feature.

I guess we'll open the floor to see what other people have to say.
_______________________
23rd Sep 2020, 6:15 AM #7
๐ŸŒบ๐ŸŒป๐ŸŒท๐ŸŒผ๐ŸŒน๐Ÿฆ๐ŸŒฒ๐ŸŒฒ
User avatar
Please call me a dork if I've missed something somewhere, but could an example of this being implemented be posted? '3'
_______________________
23rd Sep 2020, 6:21 AM #8
Kyo
๐ŸŠ
User avatar
_______________________
hello
"Test stock-layout comic", 23rd Sep 2020, 6:22 AM #9
ascii man
User avatar
rufiangel:Please call me a dork if I've missed something somewhere, but could an example of this being implemented be posted? '3'

Well, any comics with stock layout will have one? (Though I personally tested it on my own test comic which, of course, is currently using a Caffeine Addict stock layout)
23rd Sep 2020, 8:21 AM #10
User avatar
CF going down as i edit code. thats my mini heart attack for the month thinking i killed my site somehow. ;n;

could a cancel button be added? if you open a reply box, there's no way to close it back unless you refresh the page. which could be annoying if you accidently open a box.
_______________________
image check it out =]
23rd Sep 2020, 8:44 AM #11
User avatar
Kyo:you know for some reason the entire time while working on this I just took it for granted that the comment window should be at the bottom, but you're making me realize that that doesn't really make sense. I'll probably reverse it very soon

You must be old-school, like me. Lutzbug's comment confused me for a moment. ;)

xwindows:I found it being natural to have comment box on where exactly that to-be-comment is supposed to appear. And my view is placing comment box at the top discourages readers from reading existing comments before writing their own points/additions/question. This is especially a problem when author has already pointed something out in the middle of comment thread of a plot-heavy/controversial comic; which this oversight can make it devolve into YouTube-style cesspool comment section.

I kind-of generally agree with this, but it seems to be that few CF comics have commenters that dumb. (I might be the worst commenter I know! XD ) Granted, I don't read comics full of abrasive short-sighted characters; maybe that's where all the annoying comments go. EDIT: It's possible that having to click to leave a comment discouraged the annoying ones.
23rd Sep 2020, 9:17 AM #12
User avatar
Lutzbug:In all fairness, there were always two "leave a comment" buttons on both the top and the bottom of the comment section. I would rather have the new comment box on top of the rest of the comments because it's what people are used to and is a part of standard UX design to make things less confusing for the end user.

That's IMHO a compelling argument on its own - but the upper "Please leave a comment here" is still there, only now it causes a jump to the bottom of the page where the real comment box is (and there you see the latest comments directly above the comment box). So I wouldn't call it a loss in comparison to before.

Imagining it to be the other way round = comment box at the top:
(Worst case) Say, you read all the comments, so you are at the bottom of the comment section, and you decide to leave another one. You click on the "Please leave a comment here" at the bottom and this causes a jump to the top of the comment section. Surprise, surprise... You write the comment and (after reloading the page) your comment appears at the bottom. Huh... I have to say, I like one jump better than two.

(Best case) You want to add your comment immediately. No jump, but once you are finished... are you still at the top of the comment section? You reload the page and your new comment appears at the bottom, so either there needs to be an automatic jump down or you have to scroll down.
I'd still like one jump and then staying at the bottom better.


Edit: I also have a test comic, first page is here - feel free to test the new commenting feature as much as you like. :D
23rd Sep 2020, 9:21 AM #13
User avatar
RockB's post reminds me it's nice to have the comment form in the place your comment will appear. I think that might be an actual recommended UI design guideline?

Just remembered: The reason I was confused is because Blogspot has its comment form at the bottom too. Or at least, the one blog I've been commenting on recently does.
23rd Sep 2020, 10:14 AM #14
User avatar
Ooh, animal genre definitely comes in handy for me. Thanks!
_______________________
image
23rd Sep 2020, 10:16 AM #15
User avatar
Kyo:
remember to make a backup of your layout before you start by clicking "Download Layout Backup" on the edit layout screen


Well I just made the most rookie mistake and did not r.i.p.
_______________________
23rd Sep 2020, 10:39 AM #16
๐ŸŽ€Official CF Wine Tester๐ŸŽ€
User avatar
Please forgive my simple brain, but what difference has it made, appart from the fact that the colours of the comment boxes have reverted to white?

EDIT: I don't want to come off as sarcastic or flippant. I know nothing about internet code and actually genuinely do not know what the advantages of the new system are.
_______________________
imageimage
23rd Sep 2020, 11:07 AM #17
๐ŸŒบ๐ŸŒป๐ŸŒท๐ŸŒผ๐ŸŒน๐Ÿฆ๐ŸŒฒ๐ŸŒฒ
User avatar


xwindows:Well, any comics with stock layout will have one? (Though I personally tested it on my own test comic which, of course, is currently using a Caffeine Addict stock layout)



Thank you!! >3<** It does look nice, hm hm...
_______________________
23rd Sep 2020, 1:07 PM #18
Botanist
User avatar
so do I move my Elephant Man fancomic to 'animal' or not?

you europeans and your forms.
23rd Sep 2020, 1:44 PM #19
User avatar
Kyo, I just wanna say your new avatar is the best!!
23rd Sep 2020, 2:43 PM #20
User avatar
Thanks for the update. This will definitely make it easier to leave comments. You rock, Kyo.
_______________________
"Always strive to be better than you were before, but not perfect" - Mayuri Kurotsuchi (Bleach)
image
Forum > News & Announcements > Integrated comment forms + animal genre
Pages: 1 2 3 4 5