Most pages in Beelocity are a list: your products, your suppliers, your sales orders, your work orders. They all behave the same way, so what you learn on one page you already know on the rest.
The table and the page behind it
A list sits on the page like a sheet of paper on a desk: the table is white and the page around it is a shade of grey, so its edges read as edges rather than as lines drawn on the same surface. In dark mode the step runs the same way — the table is black and the page behind it is a shade lighter. Nothing about the grey is a control; it is only there so the table has somewhere to sit.
The table fills the space it is given, and it stays ruled all the way down: four rows on a page with room for twenty leave sixteen empty ones, drawn as empty cells the way a spreadsheet draws them. They are only the paper — there is nothing to click and nothing to type into, and no row exists until you create one. A page with more rows than fit scrolls instead, and then there are no empty ones to draw.
The controls on the table’s edges
Everything that acts on a list sits on the table itself, like bookmarks sticking out of a book, and every list has the same six along its top edge. At the left: the search box, the filter button (a funnel) and the columns button (a grid). At the right: the page’s one main action — New is the black one — then a More actions button (three dots) holding everything else the page can do, and the ⓘ button that explains the page. Along the bottom edge: how many rows to show per page at the left, the page numbers in the middle, and a count at the right. A page never puts a control anywhere else, so once you have learned one list you have learned them all.
Finding a row
The search box on the table’s top edge narrows the list as you type. It matches across the columns you can see, so a supplier’s name, a document number or a city all work. While the list is being fetched, the magnifying glass in the box turns into a small spinner.
Click a column header to sort by that column; click it again to reverse the order. A small triangle in the header shows which column is sorting and which way.
A column that names another record — the customer on an order, the product on a line, the warehouse on a movement — is not one you can sort on, and its header stays quiet when you click it. What the list holds under that column is the record itself, not the name you read, so ordering by it would put the rows in an order nobody can see a rule in. Narrow on those columns with the filter instead.
Narrowing the list
Searching finds rows by what you type; filtering narrows them by what they are. The filter button beside the search box opens a small panel with one control for each field the page can filter on — a status to pick, a type, an account, a date range with a From and a To, an amount between a minimum and a maximum, or a simple Any / Yes / No. A field with many values — a partner, a product, a long list of statuses — opens on a search box instead: type a few letters and the list narrows to the matches, then tick the ones you want. For the longest lists — products, partners, shelf locations — the matches are looked up as you type, so the box opens on a first handful rather than on everything you have. The list updates as soon as you choose (a typed amount or date waits until you pause), and a small number on the funnel counts how many filters are set. Clear all at the bottom of the panel removes them at once; a tall panel scrolls, and Clear all stays in reach.
Filters you set are written into the page’s address, so you can bookmark a view — your received cheques awaiting deposit, last month’s ledger for one account — or paste the link to a colleague and they open the same narrowed list. A link that names a filter the page does not have shows an error rather than quietly showing everything.
When a filter matches nothing, the list says No results rather than inviting you to create your first row; clear the filter to see the rows again — see When there is nothing to show below.
When there is nothing to show
A list you have not put anything in yet says so in the middle of the table — a line naming what is missing, a line telling you what to do about it, and the New button under them, because creating the first one is the only thing there is to do.
A search or a filter that matched nothing looks the same but says No results, and offers no button: what you want there is to change what you asked for, not to create a row. Everything else stays where it is either way — the search box, the buttons on the table’s edges and the count at the bottom right are all still there, so you are never more than one click from trying again.
More actions
The More actions button (three dots) at the right of the top edge holds the actions that are not the page’s main one: Refresh to fetch the list again, an export where a page offers one, and Go to … shortcuts to the pages that belong with this one. When you have ticked rows, the actions that work on a selection appear in the main action’s place, and anything that deletes moves into More actions so it is never one click away by accident.
Moving between pages
Long lists are split into pages. On the table’s bottom edge, the box at the left sets how many
rows a page holds — 10, 25, 50 or 100 — and the numbers in the middle move between pages, with
« and » jumping to the first and the last. The count at the right reads like 1/12 – 60:
you are on page 1 of 12, and there are 60 rows in all. Changing the page size keeps the row you
were looking at in view, so you may land on a different page number.
Adjusting the column widths
Columns start at a sensible width, but “sensible” depends on your data. If your product names are long, or your reference numbers are short, you can set the widths yourself.
- Drag the line between two column headers to make the column on the left wider or narrower. The rest of the table stays exactly where it is — only the column you dragged changes.
- Double-click that same line to put the column back to its original width.
Widen a column past the width of the screen and the table simply scrolls sideways, so there is no limit to how much room you can give a column that needs it.
Beelocity remembers your widths. Each list keeps its own: widening the name column on Products has no effect on Suppliers, and the next time you open Products it is still wide. Because the widths are stored in your browser, they are yours alone — your colleagues keep their own, and you will set them again on a different computer.
Choosing which columns to show
A long list often carries more columns than any one day needs. The columns button on the table’s top edge, just right of the filter button, opens the full list of columns with a tick against each one on show. Click a name to hide that column and click it again to bring it back; the menu stays open while you work through it, and Reset at the bottom puts every column back at once.
What you hide lasts while you are on the page. Unlike the column widths, it is not remembered for next time, so reopening the list brings the full set of columns back.
Opening a row
Click a row to open its detail page, where you can view and edit everything about it. On most lists the first column is also a direct link.
Every record page is laid out the same way, whatever you opened — the record itself reading like a receipt, anything that comes in quantities beside it, the road a document travels along the bottom, and Edit with a More actions button at the end. Working with Records walks all of it, and is also where creating a new one is described.
Where a list supports it, the checkboxes on the left let you pick several rows at once and act on them together.
Understanding what you are looking at
Every list has an ⓘ button at the end of its top edge, after More actions. It opens a panel explaining what the page is for, which fields update themselves and which you fill in, and what each column and status means. The panel opens beside the list — the list narrows to make room rather than being covered — so you can keep reading, searching and scrolling while it is open. Press ⓘ again, or Esc, to close it. On a phone there is no room to share, so the panel slides up from the bottom of the screen instead; swipe it down or use its × to dismiss it. When a column’s meaning is not obvious from its name, hovering the label in a form shows a short explanation too — a label that has one underlines as you rest on it, and the pointer turns into a question mark.