Wikidot Design & Development

Secure user profile contact form

BMC Quickies

Quickie: Easily add a secure contact form to your per-site user profiles

On several sites I've seen per-site user profiles that have a link to PM this user, which leads to the user account page. Often this is less than ideal, because it means users have to leave the familiarity of your site for the Wikidot account page, which they may never have seen before. The alternative is to setup a MailForm module on your profile:_template page with to="%%created_by%%". I've tested this over at RoaringApps, and it works a-okay, only sending the message to the specified user.

Enhancing the pagepath field

Increase the usability of the pagepath data form field with a little bit of CSS trickery.

When I first started using the pagepath field in Wikidot data forms not all that long ago, I could not for the life of me figure out how it worked. I would enter a new name in the field and save the form - but where was that name I just entered? It was nowhere to be seen. Editing the form would confirm that it had not been saved - but why not? I'm sure I entered it.

The trick, of course, is to press the enter key after inputting the new page name. However, as far as I am aware, this is not documented anywhere. If I couldn't work it out, given I'm rather literate with the Wikidot way of life, what chance does an anonymous visitor have of knowing what to do when faced with the pagepath field. Enter CSS to the rescue.

Four CSS features of RoaringApps explained

From a site filled with CSS3 goodness, here’s some handy little tricks for you to try out.

While developing over the past couple of months, I came across some neat little tricks, both in CSS and wikidot. In the next couple of posts, I plan to share these little gems with you. Today, it's four of my favourite CSS discoveries.

1. Linear gradients for vertical divider - forum posts

The forum post containers have a dividing line running vertically down the left side, separating the author’s info from the content of the post. Using border-right on the post info div soon runs out when there’s a long post, so I turned to linear gradients to make sure the line runs all the way from top to bottom. The trick is to use multiple colour stops, with two sharing the same percentage value to give an instant (rather than gradual) change of colour.

RoaringApps forum post

Site Launch -

Application compatibility for Mac OS X Lion the wikidot way.

Today I am very pleased to announce the launch of my latest wikidot project, This site was deemed special enough for me (a notorious scrooge when it comes to money) to splash out and buy a domain name.

Yes, it is a shameless attempt at recreating the popularity of - but it's worth it, I swear. You see, it always frustrated me how the aforementioned site was so popular, but did not use wikidot to its greatest potential. So I went about creating RoaringApps, and what was a going to be a small little project grew, and grew, and grew… into the most technically advanced wikidot site I have created thus far.

Site design © BMC WebDesign, 2011. All rights reserved. All tutorials on this site are free for commerical use, subject to conditions outlined in the disclaimer.