Right now the output of the countdown is placed under the help text, with an extra empty line above it, which can make it a bit confusing. Plus that it takes up a lot of additional space on the form page.

It would be so much better if there was an option to place it above the field on the same line as the field title, preferable right aligned. Then it would both take up no extra space and be much easier to see for the person filling in the form.

Comments

JCB’s picture

JCB commented

this would be ideal

smartsystems160’s picture

smartsystems160 commented

subscribing. This is how twitter.com does it. Also the drupal module facebook_style_statuses does it this way.

jienckebd’s picture

jienckebd commented

Open js/maxlength.js and go to line 268. Change "after" to "before" in the following

$(this).after('<' + options.counterElement + ' id="' + $(this).attr('id') + '-' + options.css + '" class="' + options.css + '"></' + options.counterElement + '>');

to

$(this).before('<' + options.counterElement + ' id="' + $(this).attr('id') + '-' + options.css + '" class="' + options.css + '"></' + options.counterElement + '>');

This'll put it before the field. Then you'll see that the maxlength text uses the class "counter". Add the following CSS to get it to align to the right:

.counter {
    width: 100%;
    text-align: right;
}
cedewey’s picture

cedewey
he/him
Primary language English
Location Denver, CO
commented
Issue summary: View changes
Status: Active » Closed (works as designed)

The Drupal 6 version of Maxlength is no longer supported so I'm marking this Closed (works as designed).

I also encourage you, if you haven't already, to upgrade your site to Drupal 8/9. We are actively maintaining that version and you would enjoy all of the other features of the latest version of Drupal.