DHTMLX Gantt<\/a>. We\u2019ll focus on a small subset of features – namely expanded or collapsed branches of tasks, and the selected zoom level of the Gantt. You\u2019ll learn how these settings can be stored in the local storage of the browser and restored later, so the Gantt remains consistent even after the page is reloaded. By following this guide, you can enable end-users of your app to continue where they left off without the need to reconfigure their settings, thus saving time and enhancing productivity.<\/p>\nWhy You Need Persistent UI State in Gantt<\/h5>\n
Before we dive into code, let\u2019s consider the goal of this tutorial in more detail.<\/p>\n
In the example below, you can collapse the whole project into a compact view, expand it back, and switch between zoom levels of Gantt using a simple toolbar. However, all the changes will be lost once the page is reloaded. It is quite natural since dynamic UI changes are rarely saved to the database. But, in practice, it can be very inconvenient for end-users.<\/p>\n