Skip to main content

Show a Menu Dynamically

Last updated 14/03/2024

In Five, you do not need to show your menu all the time, you may have scenarios when you only want to show a menu sometimes or maybe not at all. You can choose when to have the menu item shown by providing a JavaScript statement in the Show If field.

The Show If field contains a mask on the field to help you enter the correct code, your statement must be
true
,
false
, or have an expression starting with an equals
=
sign.


By default, the Show If field is set to
true
, this makes your menu item shown. To not show a menu, simply edit the Show If field and type
false
.



False Show If
Figure 1 - False show if



Add a JavaScript Statement

info
The example code will make it that the Specials menu will only be shown between 8:00am and 11:00am by using the
time()
function on the
Five
object.

1. Select your menu record in the list.

2. Either click the Edit button in the form app bar, or click directly in the Show If field.


Edit the Menu Record
Figure 2 - Edit the menu record

3. Type your JavaScript condition in the Show If field.

Only display the Specials menu between 8:00am and 11:00am
=five.time() > '08:00:00' && five.time() < '11:00:00'}

Add Your JavaScript Condition
Figure 3 - Add your JavaScript condition

4. Click the Save button in the form app bar.


Save the Menu Record
Figure 4 - Save the menu record