Jump to content

Marketplace

(NE) Custom Field Placeholders 1.0.1

$25.00

   (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

example1.png.ba0044de80957b09f1d2ee6e24ff6a6c.pngexample2.png.f6e34db722f40195f35cbdaad30f6850.png

 

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

Notes

  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.1   See changelog

Released

  • FIX: minor language string modifications
  • NEW: addition of a 'Notes' field for placeholders, allowing you to place reference information about the placeholder itself
  • NEW: addition of custom CSS functionality, per-placeholder, to allow you to style the placeholder text
  • NEW: display settings added to allow truncation of the 'Placeholder text' and 'Notes' content in the ACP
  • CHANGE: 'How to use' information updated

Support topic


User Feedback

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


BankFodder

· 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:


image.png.8f93b44d73c0d39ff9d23a26be4abd19.png

*******************************************************************************************************************************************

 

New user registration form:

image.png.7b9c7d0f514d148f8b74b9bd400b27e1.png

 

 



 

Link to comment
×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy