HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Changing Comments Layout?

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#97531 (In Topic #19314)
Avatar

Fan in action

Is there any way I can make the commenting system look a little less... cluttered and more 'clean'?
When I reply to someone, I have to quote what they wrote, and it looks so wonky. I'd really like it if it could look more like the way you comment on Facebook.

I have the forum installed. I'm guessing the commenting system is tied with the forum. In that case, can I uninstall the forum without having to redo the whole website? Or can I do something about the commenting system so that it's separate from the forum? I'm not really using the forum, so I can do without it.

I'm not a coding guru, but I'll take any help I can get, with grattitude :)
Back to the top
 
Posted
Rating:
#97536
Avatar

Well-settled

Hello

I think you could maybe change the comments to be "threaded" to get somewhere closer to what your after maybe.
 
Give that a try and see what it looks like.
This I think is linked to the forums and is edited by editing the forum you have linked that comment block to (in the advanced section when editing that forum), so I don`t think you could remove the forums fully, but you could just remove all links to the forums to make it look like they are not there.
Also I think if you click the box so it does not increase the post count of the user when posting, the links might not show in there profile.

Give it a try see what you think.

You mention you wanted them just like on facebook, if you are allowed access to facebook where you are then you could also install the facebook add on, this comes with a comment block.

Personally I think facebooks way of replying to someone when there are lots of replies to something is poor, it is virtually impossible to make it look somewhat readable to people.
Ok you can notify the user your replying to by tagging there name in the message which is a good feature but its still not with out its flaws.

Hope this helps a little

Mark
Back to the top
 
Posted
Rating:
#97538
Avatar

Fan in action

Thank you for replying, Kenno :)

I changed the forum option to Threaded comments, but it didn't help.

I think I may have been unclear in my request.

My wish is to change how comments appear, on the site pages/gallery entries, not the forum (since I'm not using the forum).

If you look here:
MMF (Marshmallow Fondant) -- Phoenix Delights

Scroll down to see the comments. Personally I think it looks wonky and messy. Even when not quoting.

The Facebook reference, is not regular commenting, but the kind they have on Pages.

Like this:
http://www.tnooz.com/wp-content/uploads/2013/04/FacebookReply3.png
(Picture was found on Google)

I think it looks a lot cleaner and takes up less space. And since OCP is so wonderfully dynamic as it is, I figured it wouldn't be much of a problem to incorporate something similar, yes?

Edit:
But I shall check out the Facebook add-on. Though, I wouldn't want my page to be restricted to Facebook users only. Everyone should be able to comment on my content. :)
Back to the top
 
Posted
Rating:
#97541
Avatar

Well-settled

Just looked at the page.
It actually looks ok to me, but I think the threaded option I mentioned before does a similar thing to more like that facebook option "I think".

I have not really used everything in ocPortal (as it is hard to find out that it actually exists without coming here and asking), but when adding that page did you not add the main_comments block to that page yourself, or is that already in there?

I am sure you are given the option to choose which forum you would like them comments relating to in the forum, and then editing that forum to be threaded changes the look of the comment on there as well.

I have not been using ocPortal on a live site that long myself so this maybe a little like the blind leading the blind  O_o


Last edit: by kenno
Back to the top
 
Posted
Rating:
#97542
Avatar

Well-settled

I have just tried this and it does work the way you want.

It will not change the ones you already have there though I would not of thought, but the way it works is when you click reply to one of the comments, it adds your reply directly underneath the comment you want to reply to



It will most likely look better on your site which is fixed width aswell, it looks a little stretched on mine

I think you are maybe not realising it is doing what you have asked as, looking at it all again it could be made to look a little more prominent in the way it works.
It is difficult to make out that you are actually replying just to that post, with all the same sized avatars being used to the right, and then only a short paragraph in space showing your replying directly to the one above, them two combined with a very faint separator line between the comments.

Facebook seems to make this a little more prominent by using the avatar on the left, but then making it smaller when your replying directly to that post.

Changing that layout is beyond my ability though


Last edit: by kenno
Back to the top
 
Posted
Rating:
#97543
Avatar

Fan in action

Yes, you are quite right, Kenno :)

I think what would help, is if the avatar is on the left and resized. I'd also like to turn the graphical buttons into links instead, so it looks more simplified.

I appreciate your input regardless :D

Hopefully someone can help with the layout of it.
Back to the top
 
Posted
Rating:
#97544
Avatar

Fan in action

I figured out how to install the Facebook add-on and it works.
But now I'm just wondering if there is a way to make it integrate with the gallery- and page content?
I can add the blocks manually in the WYS-editor with all the images in my gallery, but it's a bit of a time consumer, and doesn't work well with the regular pages, since the commenting would be inside the table of content, instead of below it.
Isn't there a global thing that can link the Like and the Comment block to all pages?

Does it make sense? Can anyone help with that?
Back to the top
 
Posted
Rating:
#97545
Avatar

Well-settled

I am not sure about galleries, but with the pages I think it is more so you do this when creating the page, so its not so time consuming then.
Can you just put the block at the bottom of the page, which would then put it just above the normal comments anyway?
Back to the top
 
Posted
Rating:
#97546
Avatar

Fan in action

Ah yes, pages are fine. I meant the pages in my Catalogue. If you go here: http://phoenixdelights.dk/pg/galleries/image/rodeo-kage/index.php you'll see how I'd like it to be.

Go here: http://phoenixdelights.dk/pg/catalogues/entry/opskrifter/cookies-sm-kager/death-by-chocolate/index.php you'll see how I don't want it :) The Like button is already on the catalogue pages by default, so it's fine, but I don't much like the commenting inside my recipe instructions, LoL :D
Back to the top
 
Posted
Rating:
#97548
Avatar

Fan in action

Oh DURH! I'm such a dunce! xD

I just need to add another field below the table and make it comcode supportive so I can add the block!

Still, it would be nice with a checkbox-option for when you add new content so it just gets added with a click, instead of me having to copy/paste the blocks every time :)

Edit: Scratch that! I just tried it, and it does add a box for the commenting, but it still appears inside the main table. I would like it to be an entirely new table below the first one. Hmmm. 


Last edit: by Leoness
Back to the top
 
Posted
Rating:
#97550
Avatar

Well-settled

Hmmm it does not sit quite right within the Catalogues pages does it, you could do with the ability to drop the right side panel altogether for these type of pages instead of just per zone to give you a little more space.
As it does not have enough there to allow the full width of the facebook comments block.

You most likely can but unfortunately I don`t quite know how to do that just yet

You seem to have removed the normal site comments feature as well, so I don`t think users who do not link there normal accounts to facebook login will be able to comment at all
Back to the top
 
Posted
Rating:
#97551
Avatar

Fan in action

Yes, I'll re-add the site commenting feature. I just needed to do a test of the layout.

If I could just replace the graphical buttons with links, the default commenting system would less cluttered.

I'll try and drop the right side panel and see how it looks. Thanks for the suggestion :)

Edit:
Hmm, I can't seem to figure out how to drop just the right panel, and for the catalog only. 


Last edit: by Leoness
Back to the top
 
Posted
Item has a rating of 5 (Liked by Guest)  
Rating:
#97559
Avatar

Great to see some design discussions going on here actually :). We need more of this.

Kenno's picture doesn't really do the default justice, because I think his theme probably has some old styling. I agree about floating the avatars left and making them a bit smaller. So with that change, the default would now be:


I think we'll put that into the next patch release. It's slightly naughty of me, as this is a default theme change, but it won't matter - people with existing themes won't see a change unless they copy the new CSS over manually.

Here's the changes made to global.css:

Code

 .post .post_avatar {
-       float: right;
-       margin: 1em 0 0 2em;
-       width: 60px;
-       height: 60px;
+       float: left;
+       margin: 0.5em 1em 0.5em 0;
+       width: 50px;
+       height: 50px;
 }
(it's in diff format – "-" just means remove line, "+" means add new line)


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#97560
Avatar

Fan in action

Yes! Perfect :D

Can I add the change manually without anything going wrong with the next update, if this change is added?

And what about the buttons? Is there any way I can manually replace those with links instead, to make the posts less 'bloated' to the eye? They work fine in a forum setting, but as comments… I dunnow… just not as aesthetic imo.
Back to the top
 
Posted
Item has a rating of 5 (Liked by FadedOut)  
Rating:
#97561
Avatar

It should be quite clear who you're replying to, as it puts the post being replied to in grey in the post box, till you click to type your one. I think what was really missing from kenno's screenshot which made it confusing was all the dividing lines.

Facebook takes a different approach, much more minimalistic. It probably works better for short replies, while ours is more optimised for longer ones.

If I could just replace the graphical buttons with links, the default commenting system would less cluttered.

Edit the SCREEN_ITEM_BUTTON template to:

Code

<a {+START,IF_PASSED,REL}rel="{REL*}" {+END}{+START,IF_PASSED,JAVASCRIPT}onclick="{JAVASCRIPT*}" {+END}href="{URL*}">{$PREG_REPLACE, \(#\d+\)$,,{TITLE*}}</a>

But now I'm just wondering if there is a way to make it integrate with the gallery- and page content?

For catalogue entries, edit the CATALOGUE_DEFAULT_ENTRY_SCREEN template, replace {COMMENT_DETAILS} with {$BLOCK,block=main_facebook_comments}. It would be similar for other kinds of content, just you need to pick the right template.
I've never tried this but it should work.

Hmm, I can't seem to figure out how to drop just the right panel, and for the catalog only.

Surround the panel Comcode with {+$START,IF,{$NOT,{$MATCH_KEY_MATCH,_WILD:catalogues}}}...{+END}


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#97562
Avatar

Leoness said

Yes! Perfect :D

Can I add the change manually without anything going wrong with the next update, if this change is added?

Yes, just put it in your theme's own global.css.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Item has a rating of 5 (Liked by Guest)  
Rating:
#97563
Avatar

Fan in action

You sir, are awesome!

I'll test it later today, but it looks like it's just what I am looking for.

And you want more layout discussions? I'll return with more ideas/topics then :)

Thank you, both of you!
Back to the top
 
Posted
Item has a rating of 5 (Liked by Guest)  
Rating:
#97603
Avatar

No problem, I look forward to whatever layout suggestions you might have :).


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#97609
Avatar

Well-settled

I like them changes.
I think I will apply them to my own site.

Your right my theme does not reflect them boxes very well, and I need to figure out how to bring them back without it effecting a lot of other areas of the site.

Leoness looking at your site now, in your gallery image, is that a new uploaded image?, how did you add that facebook comment block to the gallery pages?
Is that after Chris`s advised changes?



Chris Graham said


Surround the panel Comcode with {+$START,IF,{$NOT,{$MATCH_KEY_MATCH,_WILD:catalogues}}}...{+END}

This bit of info is enough to warrant book marking this page, as this is on my to do list.
So I guess I can do this with any page like user profile etc, by just adding the page itself

Thanks Mark

Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: