Corporati Theme Customizations

Introduction

In Joget, the Corporati Theme provides a clean and organized layout for your application. You can further enhance this theme by customizing the UI to collapse all categories by default. This allows you to create a streamlined and clutter-free user experience, focusing on key elements and making navigation more intuitive.

How does it work?

By enabling the collapsible menu feature in the UI Collapsible Theme settings and adding a custom JavaScript code snippet, you can automatically collapse all menu categories by default. This is especially useful if your application has multiple categories that users don’t need to see at once.

Steps to Customize:

Go to System Settings > UI Settings > Corporati Theme.
Under the Configure Custom UI tab, enable the Collapsible Menu option.
Insert the following JavaScript code into the Custom JavaScript field:
```
$(document).ready(function(){
   $(".menu-container").hide();
});
```
This code ensures that all categories are collapsed when the page loads.

Expected outcome

After implementing this customization, users will see all menu categories collapsed by default, providing a cleaner interface and reducing on-screen clutter. They can expand the categories as needed, improving navigation and usability.

Introduction

How does it work?

Expected outcome

Related documentation