Jump to content

(NE) Custom Field Placeholders 1.0.2

$25.00 · Renewal Term: $10.00/year

   (1 review)

5 Screenshots

How to use (NE) Custom Field Placeholders

The following information is provided to assist you with using the application - if you need assistance then post in the application's support topic and provide an indication of what field it is that you want to configure

What is a 'Placeholder'?

A placeholder is used to display a textual hint which describes what should be entered in to an input field, and is displayed when the field is empty. As the user enters content in to the field, the placeholder disappears from view.

What fields in the IPS Community Suite support this?

Some fields added by developers using the IPS 'Form Helper' functionality (i.e. the majority of fields) can support this attribute. These are:

  • Text
  • Email
  • Password
  • Search
  • Tel
  • Url
  • TextArea (see Note #1 at the base of these instructions)
  • Key/Value

How to configure a placeholder?

It is not possible for a list of all fields in the IPS Community Suite to be collated together in a nice and simple configuration page - configuration is going to require you to get hands-on with figuring out information about the input field which you want to affect.

How do I do this?

Most browsers now have an 'Inspect Element' option to determine information about a HTML element. It is this functionality which will be used to obtain the information needed to configure a placeholder for a field. Firstly, you need to determine the ID of the field which you want to affect as follows:

  1. Right click on your chosen input field
  2. Click on 'Inspect Element'
  3. Your browser will display the HTML code for the page, focussing on your chosen item
  4. The 'id' information is what is needed here. It will begin with one of the following:
    • elInput_
    • elTextarea_
  5. Note the 'id' information for the field and discard the 'elInput_' or 'elTextarea_' to retrieve the id which can be used to target the field with a new placeholder

Example - getting the ID of the main title field on the 'New Topic' form in the Forums application

  1. The HTML code for the field is: <input type="text" name="topic_title" value="" id="elInput_topic_title" aria-required="true" maxlength="255">
  2. The 'id' for the field is elInput_topic_title
  3. We discard the elInput_ from the id to give topic_title



Create a new placeholder in the application

  1. Click on 'Add placeholder'
  2. Enter the id information e.g. topic_title
  3. Enter the text which you would like to display in the field
  4. Click Save
  5. Go and take a look at the result


  1. "TextArea" does not mean "Editor"
    • the editor fields on IPS are provided using CKEditor, which has its own 'Placeholder' functionality using a CKEditor plugin and requires additional configuration. This functionality is entirely outside of the scope of this application.
  2. If a developer has already added a placeholder to a field then this application will not replace it - the chances are that they have implemented a language string for the placeholder, so if you wish to change the text displayed in an existing input field then search for it in your Languages.

Edited by Nathan Explosion

What's New in Version 1.0.2   See changelog


IPS 4.6.x compatibility release, with no functional changes.

Support topic


User Feedback

You may only provide a review once you have downloaded the file.


· Edited by BankFodder

   2 of 2 members found this review helpful 2 / 2 members

A long-awaited application.

A little a bit on the pricey side but there are no renewal fees and for us, certainly, I think it represents good value because of its usefulness.

The instructions seem to be daunting but in fact they are pretty straightforward – and at the end of the day it's pretty easy to configure.  

here are some IDs for starters. We've only just installed the application. I expect that we will find more uses for it as we go on.

email_address -  this is the email address in the registration form – we use this placeholder to warn people that if they have an Outlook Hotmail address, then our notifications may go to their spam folders

topic_title - this is the topic title entry box on a new topic form. We use this placeholder to encourage people to use a descriptive title instead of simply "Help me" - "Don't know what to do!!"

username - this is the ID of the new user name entry box in the registration form. We use this placeholder to remind people not to use their real names because our forum is monitored by many debt collectors and lawyers and bailiff companies who are normally the people we are up against.

messenger_title – this is the ID of the title entry box of private messages. We use it to encourage people to keep their case discussions on the open forum.

taf_friend_name -   Name entry box for @Adriano Faria's excellent "Tell a Friend" routine. We use it to reassure our members that we aren't capturing or using this data. (Maybe Adriano should think about including that as standard)

taf_friend_email - this is the ID of the email entry box for @Adriano Faria's "Tell a Friend" routine. We use it to reassure our members that we aren't capturing or using this data. (Maybe Adriano should think about including that as standard)


New topic form:




New user registration form:





Link to review
  • Create New...