In this part you'll learn about various elements of the user interface to make you feel like at home!
Left menu
Left menu is splitted into 2 categories: “General” and “Management”.
Inside “General” you will find more of the monitoring functionalities of bluConsole, which is viewing the alerts and measurements.
Inside “Management” you will find more of the administrative functionalities, like managing users, organizations, hubs, loggers and so on.
Most of the pages in Bluconsole present information using tables. They come with handy features, like sorting, searching, showing/hiding columns, etc. that will be described in this section.
Underneath, you will find a quick overview what you can find inside a table. In this example a measurements table was used.
Navigation
- In order to navigate data in a table, it is best to use the navigation that is positioned at the top and at the bottom. You will be able to move to a specific page of a table by using the arrow buttons or number buttons.
- You can also specify how many rows would you like to display on a single page using the drop-down menu.
- In order to see on which page you are currently on, just look on the navigation position section that is located at the top right.
Filtering
- In order to search by specific words or signs within a column, just click on the search field that is under the column name. Now type your phrase and wait a few seconds. There is no need to press the “Enter” key.
- If there are no records to be found for a searched phrase, you will see a message “No data available“.
- In order to clear the search filtering, just make the search field empty again.
- You can combine multiple search filters at once. Just type your search queries in multiple fields.
-
In order to sort column rows alphabetically, click on the “2 arrows” icon near the column name.
After first click, the column will sort out from A to Z. After second click, the column will sort out from Z to A.
If you would like to clear out the sorting, visit another page in the app and come back to this page again.
Action buttons
Action buttons are placed inside or outside a table at the top left/right. Each one of them can perform a specific function. Some of them require to select rows first and some do not.
Functionalities of some action buttons that are placed within a table will be explained later on. Other action buttons will be described further down the line.
Selecting
- In order to select specific rows, just click on the checkboxes. To deselect the rows, just uncheck the checkboxes.
You can also select items that are not on the current page you are viewing. You will not lose your selection after navigating to different pages.
- In order to select/deselect all rows within a specific page, just click on the check field that is above the table. In order to deselect all the rows, click the check field again.
- In order to select/deselect all rows from the table, click the arrow that is in near the check field and select “Select everything” or “Deselect everything”. It will select/deselect all the rows from all the pages.
- In order to only show selected rows, click the “Show selected” button. In order to show all the rows, select the “Deselect everything” from the menu as previously elaborated.
Other
In order to show or hide columns, first click the “Columns” button that is positioned on the top right of the table. A window will pop up with a list of checkboxes. Now you can select which columns would you like to show and which to hide.
There is no need to submit the changes. After checking or unchecking a specific column it will update the table in real time.
In order to exit from the columns window, just click at the button or outside the window.
- If you do not see all the columns, you should be able to see a horizontal scroll that is at the bottom of the table. You can use it to move left and right in case the table width is bigger than your current web browser window.
- In order to refresh data, just click the “Refresh” button located at the top right of the table. Wait until the progress bar at the top finishes. You can also use your web browser’s reload button to refresh data.