Password Element for ZOO

5.0/5 rating (5 votes)
Review on JED
  • Added: 30 September 2016
  • Updated: 02 November 2016
  • File size: 5.73 KB
  • Version: 3.3.0
  • Dwnlded: 352
  • Author: Attavus M.D.
  • License: GPLv2 or later
  • Type: Non-Commercial
This Password Element allows you to create fields that store passwords. It is provides a text box for entry of a password. The password characters will be obscured as they are entered. Note that the password string is stored in database as hash.
Sometimes though, there is a genuine need to store a password in a database, and you want to make sure that the data is at least encrypted. If you are in that situation, then this Element is for you.


The Password Element will only work correctly if your setup meets these requirements:

  • PHP 5.3+
  • MySQL 5+
  • Up-to-date version of Joomla 3.6.x or higher
  • Previously installed YOOtheme ZOO 3.3.x or higher

Important: I can only provide support for setups that:

  • meet the above requirements;
  • do not have extension files or Joomla! core files which have been altered in any way.

Minimum Version of PHP


Minimum Version of MySQL



There are no dependencies.


  1. Download the Password Element package from this page.

  2. Go to the Joomla Extension Manager (Joomla Administration / Extensions / Extension Manager / Install).
  3. Use the "Upload Package File" option to choose the previously downloaded package from your pc.
  4. Click on the "Upload & Install" button.

Note: When you are facing an error during installation, it is highly recommended to try to Install from directory:

  1. Unpack all files from the element downloaded to a directory on your pc.
  2. Using FTP, upload this directory to the /tmp directory of your Joomla installation on your webserver.
  3. Go to the Joomla Extension Manager (Joomla Administration / Extensions / Extension Manager / Install).
  4. Use the "Install from Directory" option to set the directory of your uploaded package files.
  5. Click on the "Install" button and Joomla will install it from the given directory.


In this tutorial you learn how to configure an ItemType Element with its specific values to use it in the ZOO extension.

1. Element Configuration


Add the Password element to the desired Type and configure as needed. If you are not familiar with this process please review the official ZOO docs.

Here is the description of the different values:

Name: Type in the name for this element which will be used later on, for example in the item creation view or as label in the frontend. With the name you also can identify the element, when you assign it to a template position.

Description: The description will show up as a tooltip in the item creation view.

Access Level: Allows to setup element accessibility. In order to make it totally accessible, set this parameter to "Public".

Hint: The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format). The short hint is displayed in the input field before the user enters a value.

Class: Is a CSS class name for the HTML form field.

Size: Is the width of the text box in characters. If omitted the width is determined by the browser. The value of size does not limit the number of characters that may be entered.

Maxlength: The allowable maxlength of password.

Strengthmeter: Whether to attach a password strength meter or not.

Threshold: The threshold of password field.

Send Password: If set to Yes the password will be emailed to the user.

2. Element Assignment


Every element has to be assigned to a template position to show up for the visitors in the frontend of the site. See this tutorial how to assign elements to the template positions.

You can set whether the label is shown in the frontend or not. If you choose Yes the name of the element (see previous step) is used for it. If you do not want to use the elements name as label you can type in an alternative. Of course the Show Label option have to be enabled to show the alternative label.

Alternative Label - Allows to customoze the default label (the element's name set in the Type) for this specific position.

3. Item Creation

Item creation

This is how the element looks when you create an item. See this tutorial for creating an item. The name of the element is shown on the left and the options on the right.

+ Initial Release

* -> Security Fix
# -> Bug Fix
$ -> Language fix or change
+ -> Addition
^ -> Change
- -> Removed
! -> Note

Leave a comment

Please login to leave a comment. is a worldwide leader in online payment services