Dictionary - Joomla! 3x componant

Give a free responsive glossary to your Joomla! website


Thank you for downloading Dictionary.
Dictionary is a Joomla! 3x component designed to display a new kind of glossary on frontend. If you are looking for something new, modern and responsive, Dictionary is made for you.


JED Review & Rating
Please, post a rating and a review at the Joomla! Extensions Directory: Glossary - Dictionary in the JED - Thank you!

First of all, open the backend of your Joomla! and navigate to "Extensions - Manage".

If you've downloaded "Dictionary" from www.web-eau.net then click on the tab "Upload Package File". Of course, you can choose the tab "Install from the web". In this case, use the search engine tool with "Dictionary" as keyword.

Locate the ZIP archive of "Dictionary" on your computer, select it and click on "Upload and Install" button to lauch the installation process.

Few seconds later, a message confirm you that the process of installation is successfuly completed.

Now, "Dictionary" is available from the menu "Components"

Let's start !

The first thing to do is to add the letters in the component. You don't need to add all the letters of your alphabet, just the ones you'll need.
Navigate to "Components - Dictionary - Letters".

Click on "New" and add your first letter. Let's start with A.

You can add your others letters while clicking each time on "Save and new". Otherwise, click on "Save and close".

Now, we'll add our first word in the glossary.
Navigate to "Components - Dictionary - Definition" or simply click on "Definition" in the left menu.

In the field "word", indicate the word. In this example, the word is "Alphabet".
In the description field, write the definition of your word. Here, you can use HTML tags if you want to customize the display on frontend.

In this example, the text editor is disabled

Once you've finished, click on "Save and close" button.
As you can see on this screen, your word and his definition are listed. You can control that your definition also contains your possible customisations.

Repeat this step for each word you want to display in your glossary.

Now, you've finished to enter all the letters and all the words (with their definition) in the component.

Let's display the glossary in frontend.
Navigate to "Menu" and select the menu where you want to display your glossary.
Click on "New" to create a new item in your menu.

Fill the fields required.
Then, click on "Select" to select the menu type item.
In the popup window, click first on "Dictionary" then click on "Definition".

Once it's done, click on "Save and close".

Everything is done in the backend, let's have a look at the frontend.

The menu item created at the previous step appears.

Click on the title of your menu item to access to your glossary.

Now, simply click on the word you want to read his definition.

Definition are provided by our friend, Wikipedia

Note: you can open and read several definitions in the same time.
Just click again on the word to hide his definition.

As you've noticed, the structure of the markup will display the columns according to the place allowed to the component in the page. So, you don't have to manage this point ;)

Here are some tips for a better use of your component. It's only advices based on my experience and on the users feedbacks ;)