Page Counter element

The Page Counter element shows visitors where they are in a multi-page form, like "Page 3 of 4".

The progress bar's Bar and Title styles already carry a counter at the top of the form. Use the Page Counter element when you want the count somewhere else, like under your own heading or right above the Next button. It works in the free version.

Add a page counter

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Form in the left sidebar.
5. Click the page you want the counter on.
6. Click Add (+) in the left sidebar.

7. Click Page Counter, under Layout.

   

8. The counter appears at the bottom of the page, and its settings open in the right sidebar.

   

9. Save the form.

To move the counter, for example to the top of the page, drag it in the Form tree.

Show the counter on every page

Every element belongs to 1 page, so a Page Counter shows only on the page you add it to. To show the count on every page, add a Page Counter to each one.

Settings

• Alignment: left, center or right on its row. The default is left.

Advanced holds the CSS classes, and Logic shows or hides the counter with Conditional Logic.

How it counts

• Pages that Page Logic skips drop out of the count. On a 4-page form where a visitor skips page 2, the next page reads "Page 2 of 3".
• Endings aren't pages, so they don't count. A Page Counter on an ending shows nothing.
• On a form with 1 page, it reads "Page 1 of 1".

The text comes from the COM_CONVERTFORMS_FORM_PAGE_OF language string, "Page %s of %s". To change the wording, add a Site language override for it in System → Manage → Language Overrides. The progress bar's counter uses the same string, so it changes too.