Admin - updated table styles

If you’re an Admin user of Dokio, you will notice a change in how much of the content within the Admin section is presented. Commonly accessed items like copydecks, templates, users, user groups and the like are all built with tables, and as such will all take on the new look.

The new approach is about making the content simpler, clearer and easier to navigate.

Old table style (left) and new table style (right)

Default action

Like most of the tables in the old style, clicking an item in the 'name' column usually took you somewhere (generally to edit the item). This is still the case with the new design.

Now, it is clearer if an item is clickable or not because the ‘name’ of the item will become underlined on hover to indicate this.

Action menus

Some tables have multiple actions available depending on access permissions. In the old style, these were listed inline with the table row, which took up a bit of space.

In the new style we have added an action menu (3 dots) at the end of the table row if there are multiple actions available for that item. Clicking on this will open an action menu and the relevant action can then be selected.

Shortened content

In some cases, content may be a bit longer than what is allowed for in the table. In the interest of making the tables appear less cluttered and simpler to navigate, we have shortened the content in these cases. Generally when content has been shortened, you will be able to hover over that content and a browser tooltip will display the full content.

Created dates

In order to understand when certain items were created, we have added a ‘Created’ column to all tables where a date didn’t previously exist. Hovering over the date will reveal a browser tooltip to show the full date and time of when the item was created.

Sorting columns

Columns can be sorted by clicking the column header. Clicking again will change the sort order from increasing to decreasing.

Updated pagination controls

We’ve also updated the pagination controls to help give a better idea of how many items are available in total and across how many pages.