Here are some UI enhancements we published today.
1. Moved Rename Monitor to Dialog
We removed the in-place editor for monitor names. While it was the fastest way to rename a monitor, it made the UI clunky. The edit button used to appear next to a monitor's name when you hovered over it. This made the name column grow in size pushing all the other columns to the right. Again, when you moved your mouse out of the monitor's name column, the edit button would disappear and the column's width would decrease. This created a terrible flickering effect as you moved your mouse across monitors.
Instead, we now have the Rename action available as a drop down menu item of the three dots button at the extreme right of each monitor.
![Rename Monitor Action](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/rename-monitor-action.png)
And it opens a dialog from where you can either change the name or cancel the rename.
![Rename Monitor Dialog](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/rename-monitor-dialog.png)
2. Re-arranged the order of Monitor Types
We moved the frequently used ones such as SSL and WHOIS a bit up while demoting the ones such as DNS & NameCheap.
![Rearranged Monitor Types](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/rearranged-monitor-types.png)
3. Filter Monitors using the Counters
Now you can click on the top counters (circles showing how many monitors are Up/Down/Paused) to filter the monitors by their status. This is more intuitive and an expected behavior by users.
![Filter Monitors Using Counters](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/filter-monitors-using-counters.png)
4. Collapsible Header
Which brings us to the coolest UI enhancement. You can collapse the header to make it more compact. This allows more monitors to be shown in the list. While still showing the same overall metrics. Use the Expand/Collapse button to the right of Search for a monitor text box.
![Collapsible Header](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/collapsed-header.png)
5. Search Monitors by Name
Our monitor search worked on the browser side i.e only within the page of monitors currently visible. Now the search happens on the server side and you can search across all your monitors.
![Search Monitor By Name](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/search-monitor-by-name.png)
6. Sort Monitors
Monitor list is now fully sortable. Click on a column header to toggle sorting between Ascending, Descending & None. SSL and WHOIS monitor filters have a default ascending sorting on the Days Left column.
![Monitor Sorting](https://pingerman.com/assets/img/graphics/apps/monitor-ui-enhancements/monitor-sorting.png)