Logo

Use

Square logo

Dashboard favicon, compact UI areas

Standard logo

Dashboard header, full-width branding areas

CORS — allowed application URLs

By default, Anythink allows requests from Anythink-hosted domains and localhost. To accept requests from your own domain, add it here.

Enter the full origin (e.g. https://myapp.com). You can use wildcard subdomains: https://*.myapp.com.

Multiple URLs are supported. Changes take up to 2 minutes to propagate.

Setting

Description

Payment success URL

Redirect here after a successful payment

Payment cancel URL

Redirect here if the user abandons checkout

What menus are for

Menus in Anythink are a flexible way to manage your application's navigation structure from the dashboard, without hardcoding links into your frontend code. Your frontend fetches the menu via API and renders it — change a menu item in the dashboard and the change appears in your app immediately, no redeployment needed.

This is useful for:

Application sidebars and top navigation bars
Content management systems where editors control navigation
Multi-tenant apps where each organisation has different menus
White-label products where navigation varies per customer

Creating a menu

From the dashboard

Go to Settings → Menus
Click New Menu and give it a name (e.g. main-nav, sidebar)
Add menu items with a display name, link (href), and optional icon
Drag items to reorder or nest them

Via the API

Create a menu:

http

POST /org/{orgId}/menus

json

{
  "name": "main-nav"
}

Menu items

Each menu item has:

Field	Type	Description
`displayName`	string	The label shown in the UI
`href`	string	The link destination
`icon`	string	Icon name or identifier
`sortOrder`	integer	Position in the list
`parentId`	integer	ID of parent item (for nested menus)

Adding items to a menu

http

POST /org/{orgId}/menus/{menuId}/items

json

{
  "displayName": "Products",
  "href": "/products",
  "icon": "package",
  "sortOrder": 1
}

Nested item — add a parentId to nest under another item:

json

{
  "displayName": "Featured Products",
  "href": "/products/featured",
  "icon": "star",
  "sortOrder": 1,
  "parentId": 5
}

Retrieving menus

Get the current user's menu (respects role-based menu assignment):

http

GET /org/{orgId}/menus/my

Get all menus:

http

GET /org/{orgId}/menus

Get a specific menu with all its items:

http

GET /org/{orgId}/menus/{menuId}

The response includes the full menu structure with nested items:

json

{
  "id": 1,
  "name": "main-nav",
  "items": [
    {
      "id": 10,
      "displayName": "Products",
      "href": "/products",
      "icon": "package",
      "sortOrder": 1,
      "items": [
        {
          "id": 11,
          "displayName": "Featured",
          "href": "/products/featured",
          "sortOrder": 1
        }
      ]
    }
  ]
}

Updating and reordering

Update a menu item:

http

PUT /org/{orgId}/menus/{menuId}/items/{itemId}

Reorder items — pass a list of IDs in the desired order:

http

PUT /org/{orgId}/menus/{menuId}/items/reorder

json

[
  { "id": 12, "sortOrder": 1 },
  { "id": 10, "sortOrder": 2 },
  { "id": 11, "sortOrder": 3 }
]

Deleting

Delete a menu item:

http

DELETE /org/{orgId}/menus/{menuId}/items/{itemId}

Delete an entire menu:

http

DELETE /org/{orgId}/menus/{menuId}

Using menus in your frontend

Fetch the menu on page load and render it dynamically:

javascript

const orgId = 'YOUR_ORG_ID';
const token = 'USER_JWT';

const res = await fetch(
  `https://api.my.anythink.cloud/org/${orgId}/menus/my`,
  { headers: { 'Authorization': `Bearer ${token}` } }
);
const menu = await res.json();

// menu.items is a nested array — render recursively
function renderMenu(items) {
  return items.map(item => ({
    label: item.displayName,
    href: item.href,
    icon: item.icon,
    children: renderMenu(item.items || [])
  }));
}

Styling my dashboard

Customise the Anythink Dashboard

Organisation Settings

Name and description

Logos

User registrations

Roles and permissions

CORS — allowed application URLs

Payment redirect URLs

Payment Engine

Google Maps API key

Menu Configuration

What menus are for

Creating a menu

From the dashboard

Via the API

Menu items

Adding items to a menu

Retrieving menus

Updating and reordering

Deleting

Using menus in your frontend

Related Articles

Roles and permissions

Next steps

Email Templates

On this page