Knowledge Base
Search and find technical support

How to do protected pages in Project Designer?

In some cases, it may be necessary to protect a part of the user interface for the daily users. It may be, i.e. power management in a public area or a hidden troubleshooting menu only for IT administrators.

There are several ways to do it. Here are two of the most popular. 

Double hidden button

This method uses two button presses on the screen, in places you define. Here is how it works!

The first hidden button unlocks the second hidden button for 5 seconds. Press the second button within 5 seconds, or you will need to enable it again. Doing it this way, you need to know exactly where to press, and you won't hit it by a random press.  

To make it work, here is how to do it:

1. In the Interfaces tab, create two subpages. The first one is the 'Settings' subpage. The other is a blank subpage with no background color or image (fully transparent), in this example called 'HiddenButton'.


2. Find a place on the user interface where having access to settings would fit in, and where the users normally wouldn't press. (etc. corner)

3. Insert a transparent button where you want the first press.


4. In the 'Function' tab, add the function to Show/hide subpage and select that it should show the 'HiddenButton' subpage for i.e. 5 seconds.  


5. In the 'Interface' tab on the 'HiddenButton' subpage, insert another transparent button in another available corner. 


6. In the 'Function' tab, add the function to Show/hide subpage and select that it should hide the 'HiddenButton' subpage, and then show the 'Settings' subpage like shown above. 

7. On the 'Settings' page the back button should hide the "Settings" subpage again. 


See the project attached at the bottom of this article, where the example shown is implemented. 



Pin code protection

If a hidden button doesn't cut it, and you require something more to safeguard a page, then the other option is to use pincode protection.


Some example projects with pincode protection are already pre-made in Project Designer, which illustrates how to implement it. But you can also make your own. The principle is pretty simple, but it requires a few subpages to be done.

In the example below, the correct code is 1-2-3-4. For every correct digit entered, it will lead to the next 'Pin OK' subpage and eventually load the 'Settings' page. All of the other button presses will lead to the 'Pin Err' subpages, and then eventually back to 'Pin Start' subpage. 

The diagram below shows the basic principle.





Was this article helpful?
0 out of 0 found this helpful