> This page is for Product Documentation.
> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.navipartner.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.navipartner.com/_mcp/server.
# POS Editor
> The POS (Frontend) Editor provides customization options for the POS screen. It contains labels corresponding to various customizable areas, such as Sale Lines and Totals.
The POS (Frontend) Editor provides customization options for the POS screen. It is accessible from the ribbon at the top of the interface and contains labels corresponding to various customizable areas, such as Sale Lines and Totals.
To open the POS Editor, you can click the button located at the bottom right corner of the screen.
> **Note:** The POS Editor is also used for customizing the NP Retail POS mobile app layout.
The following screen areas can be customized on the Login view and in the Sale view respectively:
## Login view editor
### Logo
You can upload a desired logo or provide a URL path to it. The logo will be displayed on the login screen exclusively. It can be updated or removed later if necessary.
### Panel Rows
You can select the content displayed in the left-side box, define the order of displayed items (e.g. the last performed sale, balance, salesperson code), and adjust the font size of the content.
### Panel Bottom Line
You can also choose the content displayed in the panel footer (e.g. POS unit number from the last sale) and adjust the font size and order of the textual components.
### Footer
As per the title, you can customize the footer content of the POS login view. Default values include details about the last sale and the current date.
## Sale view editor
### Grids
The **Grids** option allows you to configure the number of rows and columns in each POS menu (*SALE-LEFT*, *SALE-TOP*, and *SALE-BOTTOM*), create space for [new buttons](/product/retail-pos-layout-new-button). You can use the **Remove Empty Buttons** option to clear unused spaces from the grid.
### Sale Lines
**Sale Lines** lets you define which item-related details appear when adding items to the cart and the font size of column titles.
### Totals
With **Totals**, you can select which amounts (e.g. total amount, VAT) appear in the **Sale Lines** footer area, edit labels and font sizes, and reorder elements using drag-and-drop.
### Product Panel
The **Product Panel** section is located below the **Sale Lines**, and above *SALE-LEFT*. The **Product Panel** option in the POS Editor ribbon lets you configure which product data should be included on the POS screen, e.g. Unit Cost, Quantity, etc.
You can also adjust the font size and reorder elements using drag-and-drop.
### Footer
The **Footer** section is located at the very bottom of the POS screen. It can display information such as the date and the salesperson code. You can adjust the order, font size, and content alignment (left, right, center).
### POS Layout and Template dropdowns
The **Layout** dropdown displays previously created layouts from **POS Layouts** administrative section in Business Central, or from the POS Layout Setup Wizard.
The **Template** dropdown contains the list of available templates. Changing a template mid-setup may alter some customized settings.
### Other options
* Once you're satisfied with your customizations, you can **Save** them.
* Alternatively, you can **Clear Changes**, and reset all modifications.
* The icon brings up **Global Settings** which are intended for advanced users.
* The icon opens the [POS Layout Setup Wizard](/product/retail-pos-layout-layout-wizard).
#### See also
* [POS editor](/product/retail-pos-layout-pos-editor)
* [Create buttons in POS menus](/product/retail-pos-layout-new-button)
* [Create POS menu filters](/product/retail-pos-layout-menu-filters)
* [Use the POS Layout Setup Wizard](/product/retail-pos-layout-layout-wizard)