====== Locally Hide UI Elements (aka "Demo Mode") ======

This article explains how to locally hide UI elements like [[notifications]], [[protogrid:tableview_actions|TableView actions]] or [[protogrid:card_menu|Card menu]] entries.

You can use the [[protogrid:script_library|Client Script Library]] helper functions "locally_hide_elements" and "locally_unhide_elements" to hide/unhide specific UI elements.

Please note: These settings apply only to the UI and must not be used for safety-related purposes.


=== Example ===
To reduce distractions for less experienced users you could add the following code to the bottom of a newly created [[protogrid:script_library|Client Script Library]]:
<code javascript>
mod_csl_helpers().locally_hide_elements(["warning", "error"]);
</code>

Then create a [[protogrid:trigger| Trigger]] which refers to the above prepared [[protogrid:script_library|Client Script Library]] and place that [[protogrid:trigger| Trigger]] somewhere on your [[Default Card]]. This ensures that your hide settings immediately take effect in the browser of every user opening your application.


=== List of Hideable UI Elements ===

== Notification Bar ==
<code javascript>
"message"            // (hides all blue notifications)
"warning"            // (hides all yellow notifications)
"error"              // (hides red notifications)
"support_chat"       // (hides the chat option at the bottom right)
</code>

Note: Hidden notifications can still be viewed by clicking on the small hamburger menu in the upper right corner of Protogrid.

== Card Menu ==
<code javascript>
"open_proto"            // Open Proto
"card_properties"       // Show Properties
"card_mutation_history" // Show Mutation History
"trash_single"          // Put to Trash
"to_menu"               // Put Selected Into Menu ...
</code>

== TableView Actions Menu ==
<code javascript>
"trash_multiple"     // Put Selected To Trash
"card_update"        // Update Selected
</code>