Cypad's brand-new web User Interface (UI) is a rich, yet simplified user experience with a fresh look and feel that provides all the same functionality as the Original UI with improved usability, performance and adaptability to maximise user productivity and enable intuitive platform administration.
Users have the ability to Switch [1] between the Original UI and the New UI at their convenience.
Original UI
New UI
The new Navigation Menu [2] is a collapsible menu with new icons users can intuitively identify for improved site navigation.
The Page Menu [3] has retained the same functionality as the original UI while using new button styles and colour schemes.
Original UI
When a sub-menu button is clicked a new Navigation Tree [4] is opened on the left side of the page to make it easier and more efficient to navigate the sub-menu options.
New UI
Items
On the Items page the Primary button [1] (Add Button), Secondary button [2] (Export button), Search bar [3] and Filter [4] can now be found at the top right of the page above the items table.
Original UI
New UI
When the Filters button is clicked a Filters window [5] is opened where the filter checkboxes are available, select the filters you require and click Apply [6].
If filters have already been applied click the Clear Filters [7] button to remove them and click Apply [6].
Menus
On the Menus page the Primary Action button [1] (Save button), Secondary Action button [2] (Report) and Menu buttons [3] can now be found at the top right of the page.
Original UI
New UI
When there are more than 2 or more action buttons (e.g. Report button and Menu Buttons) the Secondary Action button is now an Actions Dropdown button [4] where you can find the Report button [2] and Menu buttons [3].
Templates
On the Templates page the Primary Action button [1] (Save button), Secondary Action button [2] (Export button), Template buttons [3] and Add Template button [4] can now be found at the top right of the page.
Original UI
New UI
When there are more than 2 or more action buttons (e.g. Report button and Menu Buttons) the Secondary Action button is now an Actions Dropdown button [5] where you can find the Export button [2] and Templates buttons [3].
Calendar
On the Calendar page, you can now find the Primary Function button [1] (Save button) and Secondary Function button [2] (Year view) button in the top right of the screen. The Theme Days [3] list is still on the left side of the Calendar [4] and the Prev. month [5] and Next month [6] buttons are now separate from the calendar.
Original UI
New UI
Sites
On the Sites page, you can now find the Primary Function button [1] (Update button), Secondary Function buttons [2] (Export button), Calendar [3] and Filter [4] can now be found at the top right of the page.
NOTE
Click the Filter icon to open the filter pop-up.
Original UI
New UI
