GuildPortal Dev Blog

Updates from Aaron Lewis, GuildPortal Code Monkey

Posted 10/27/2012 4:38 PM by Aaron Lewis. 1361287 reads. Share:

10/27 Update - Activity Wall

The Activity Wall, a new widget, goes live today! It's like the walls you'll find commonly on social networking sites. It's what the old Status Updates widget was kind of trying to do, only it does it a lot better. It could also be looked at as a replacement for shout boxes altogether, since it supports media.

In order for people to post to it, they'll need to be granted higher than public/applicant access to your site. Here are some of the features:

Posting

The familiar WYSIWYG editor is used, only in a slimmer version. Tools available for now are: toggle full-screen edit mode, spell check, some formatting, insert link, insert image, and insert video (from either YouTube or Vimeo). You may find the area too small to work with, especially if you're inserting big images or videos, so make use of that full-screen toggle on the far left!

Adding Video

Adding video from YouTube or Vimeo is easy. Just go to the web page on YouTube or Vimeo where the video is shown, copy the address, click the blue Play icon to the far right in the wall editor, and paste the URL. Hit your tab key and you'll be presented with a preview of what it'll look like in your post, along with some options.

Most of them can be left alone. The one you want to pay attention to is "Play the video automatically on load." You'll probably want to un-check that box, else risk the wrath of guildies opening the page with the wall on it, getting hit with all kinds of videos starting to play at the same time!

The Next Thing

Sample wall postOnce you've added your text/video/images, click the post button and boom -- there you have it. Emoticons are automatically parsed based on defaults and/or any custom emoticons the guild uses. Clicking on the name of the poster displays the standard drop-down menu for doing things like viewing their profile, visiting their blog, chatting with them if they are online, and all that good stuff.

Images

Know how sometimes, you can put an image in a post or a news item and if it's too big, it'll stretch out the page, wrecking the design? Well, I think I've got that figured out now (and with all the layout possibilities there are due to customization, and the fact that IE ignores max-width unless everything's set a particular way at the parent level, it took a while -- that, and I'm dumb as a rock)! Anyway, when you post an image to the wall, it'll now do its best to fit inside the available space, without stretching things out. Notice: if your browser is way, way old, it'll probably be icky like before. So with a large image (the one shown is actually around 1200 pixels wide, in a widget that's about 700 pixels width), here's what a well-behaving browser will show (minus the purple arrows I thought were neat while putting the screens together in Fireworks):

But hey! What if the image is gigantic because there's that much going on? Easy to do with something like an in-game screenshot. And you might want to see it full size. No problem! You can click any images on the wall and they'll open up all sexy like in a gallery-type scroll view dyno-resizing nifty thingy. Stuff. Whatever you wanna call it. Hey, I'm not a writer, k? Anyway, it's got arrows (way better-looking than my purple ones up there) that you can use to move between other images on the wall.

The Morning After (after you post, I mean)

There are a few things at the bottom of each post. People can click on Comments to show comments or add their own. The date and time of the post has been sacrificed in a pagan ritual, making way for the more friendly "how long ago" display. There are tools to delete the post if you're a Super Admin or the original author, and if you're the author you can edit the post, too.

The comments are pretty simple. Not much to explain there. I thought about spinning it so they sounded all complicated and neat and shiny, but... Yeah. No. Oh, and both of those posts are from me. I talk to myself while testing, and for a reason I cannot fathom, I always revert to a despicable sub-set of the English language.

Future Enhancements

Instead of cramming the thing with everything I could think of, taking ideas from some of the major social sites out there, I decided to hold back and push it as it is now. I'm counting on feedback to direct the decision making when it comes to further enhancements for the wall. After all, there are things I found that I like which a lot of you might really not, and there were some features the big boys are sporting now that I really find... icky (who says "icky?" I do!).

So let me know what you would like to see done moving forward. Maybe WYSIWYG editing of comments instead of the simple type-and-hit-enter behavior it has now? Or automatically-entered posts by the site when people apply, add a shout, post something in the forums, add a news item, create a new raid, add an image to the gallery (all linked automatically to the source item)? Anyway, let me know!

Chat Updates

When someone requests a one-on-one chat session, you will now hear a... beeping thingy. Useful if you have more than one browser window open, are looking at a different screen, or have your head spun around facing behind you, like that girl from the Exorcist. I do that sometimes. Don't judge me!

Typical GP Chat

Also, on-demand playable sound effects have been fixed in guild chat. Type /sounds for a clickable list of the currently available ones. In addition, lots of little bugs and stuff were fixed.

Other Stuff

  • Many widgets have had their displays cleaned up a little. There will be more of this going forward, as we move to a more universally clean (and still customizable) theme format. This is primarily being done to enable us (and you) to create much higher quality themes than is now possible. We will be making use of HTML5, CSS3, and responsive design principles.
  • Quirky behaviors in some of the style editors have been un-quirkified.
  • Your hamster has been watching you with malice as you sleep.
  • The ability to add an image to a post via link instead of the image manager has been restored.
  • Many other bug fixes.