Skip to main content

Game tabs

1. What this page is for​

The Game tabs page is used to manage the primary game category menu tabs on the player lobby (e.g. Slot, Casino, Sport, Fishing, Lotto, etc.). Administrators can show or hide tabs, reorder their display sequence, customize header banners, replace menu icons, and organize game providers into sub-category buttons (such as sports sub-buttons).

2. Before you start​

  • Permissions: You must have the 'Game tabs' permission granted by an administrator to view, reorder, or update tab settings.
  • What to prepare:
    • Verify that at least one provider and game are active in each tab you plan to show, ensuring players never open an empty page.
    • Image files for customization (if applicable):
      • Header Wallpaper: Recommended size 1920 × 600 px (WebP, GIF, PNG, or JPG up to 5 MB).
      • Category Logo: Recommended size 600 × 200 px (up to 2 MB).
      • Tab Icon: Square artwork, recommended 600 × 600 px (up to 2 MB).

3. Screen layout​

This feature consists of two main views:

View 1: Game Tabs Overview​

  1. Page Header: Displays the title Game tabs, page description, breadcrumbs, and audit info.
  2. Game Menu Preview: Live preview simulating the lobby category tab bar in real-time.
  3. Empty Tab Alert Banner: Warning banner displayed when any shown tab contains zero active games or providers.
  4. Tab List Card:
    • Home Tab: Locked at the 1st position; cannot be moved or hidden.
    • Category Tab Rows: Reorderable rows featuring drag handles, tab icons, titles, sub-button badges, provider/game counts, shown/hidden switches, and right arrows to open settings.
  5. Form Action Bar: Floats at the bottom when changes are made, containing Cancel and Save buttons.

View 2: Tab Detail Settings​

  1. Page Header: Tab title, status chip (Shown / Hidden), and Back to tabs button.
  2. Banner Card: Live banner preview with options for header wallpaper (own picture, site theme color, system default) and category logo.
  3. Tab Icon Card: Tab bar icon preview with upload and reset buttons.
  4. Sub-buttons Card (for categories with sub-groups, like Sport): Maps providers to specific sub-category buttons.
  5. Form Action Bar: Cancel and Save buttons for tab-specific edits.

4. Search and filters​

The overview displays all system categories in a single comprehensive list corresponding to the live lobby menu sequence. There are no search bars or table filter controls, giving administrators a complete view of the menu structure at a glance.

5. Data table​

Tab Row Elements (Overview List)​

ElementWhat you seeMeaningBadge or color
Order controlsDrag handle (⋮⋮) and step arrowsDisplay position on the lobby menuUp and down arrow buttons for step-by-step movement
Tab iconIcon on dark square backdropMenu icon shown on the lobby tab buttonDims to grayscale when the tab is hidden
Tab nameCategory title such as Slot, CasinoActive category name in player languageBold white text when shown / muted gray when hidden
Sub-buttons badgeCount badge like 5 sub-buttonsNumber of sub-category buttons under this tabSky-blue badge (layered icon)
Health & CountsText like 12 providers · 450 gamesActive providers and games currently in this tab• Muted gray text (healthy)
• Orange warning alert (empty tab)
Shown / Hidden switchToggle switchControls visibility on the lobby menu• Shown (green): Visible to players
• Hidden (gray): Hidden from menu
Open detailsRight chevron icon (>)Opens the tab detail settings pagePositioned at the far right of the row

6. Step-by-step instructions​

1. Reordering game tabs​

  1. Navigate to Games > Game tabs from the left sidebar.
  2. In the tab list (note: the Home tab is always locked at position 1):
    • Method 1: Click and hold the drag handle (⋮⋮) on the left of any row and drag it up or down.
    • Method 2: Click the Up or Down arrow buttons on that row to step it one position at a time.
  3. Review the menu preview at the top of the card.
  4. Click Save on the bottom action bar.

2. Showing or hiding game tabs​

  1. Locate the toggle switch on the right side of the desired tab row.
  2. Click the switch:
    • Set to Shown (green) to make the tab visible on the lobby menu.
    • Set to Hidden (gray) to hide the tab from players (hidden tabs preserve their position and return to it when enabled).
  3. Click Save on the bottom action bar.
  4. Note: If you show a tab with zero active games, a confirmation modal will prompt you before saving.

3. Customizing tab banner and icon​

  1. From the overview list, click on the tab row you wish to customize.
  2. The tab detail settings page opens.
  3. In the Banner section:
    • Wallpaper:
      • Click Upload to upload a custom site wallpaper (1920 × 600 px recommended).
      • Or click Theme to use your site's primary theme gradient.
      • Or click Reset to revert back to the system default wallpaper.
    • Logo:
      • Click Upload to set a custom category logo image.
      • Or click No logo (trash icon) to remove the logo and display text instead.
  4. In the Tab icon section:
    • Click Upload to set a custom menu icon.
    • Or click System icon to revert back to default artwork.
  5. Review the preview card above, then click Save at the bottom.

4. Assigning providers to sub-category buttons (e.g. Sport)​

  1. Open the settings page for a category that has sub-buttons (such as Sport).
  2. Scroll down to the Sub-buttons section.
  3. Review the sub-button preview bar (e.g. All, Football, Boxing, Cockfight, Esports).
  4. In the provider list below, use the dropdown beside each provider to map it to a specific sub-button.
  5. To reset all mappings to defaults, click Hand back to system.
  6. Click Save on the bottom action bar.

7. Form fields and settings​

Summary of configuration fields on the tab detail page:

Setting / FieldRequired?What to enterExampleRules & limits
WallpaperOptionalBackground banner artwork for this categoryFile upload or Theme mode1920 × 600 px recommended; WebP, GIF, PNG, JPG up to 5 MB
LogoOptionalCenter logo artwork placed over the bannerImage file upload600 × 200 px (3:1) recommended; up to 2 MB; remove for text fallback
Tab iconOptionalIcon displayed on the lobby tab buttonSquare image upload600 × 600 px recommended; up to 2 MB; or use system icon
Sub-category mappingConditionalAssign each provider to a sub-buttonSelect FootballAvailable for categories with sub-buttons; select or reset to system

8. Popups and dialogs​

1. Confirm Modal (Empty Tab Warning)​

  • When it appears: Triggered when clicking Save on the tab list if any tab set to Shown contains zero active games or providers.
  • What you see: List of empty tabs with a warning that players opening them will see an empty page.
  • What to do: Review the listed tabs; if intended, click Confirm save (or click Cancel to hide them first).
  • Result: The system saves the sequence and visibility settings as confirmed.

2. Version Conflict Dialog​

  • When it appears: Triggered if another administrator reordered tabs or saved settings while you had the page open.
  • What you see: Warning modal explaining that the menu arrangement has changed on the server.
  • What to do: Click Load latest to fetch the latest configuration before re-applying your edits.
  • Result: Prevents accidental overwriting of team modifications.

9. Statuses and badge colors​

Status / BadgeColorMeaningNext action
ShownGreenTab is visible on the lobby menu for playersNormal operation
HiddenGrayTab is hidden from the lobby menuToggle to Shown when ready
Sub-buttons badgeBlueNumber of sub-category buttons under this tabInformational badge
Empty tab warningOrangeTab is shown, but contains zero playable gamesEnable providers/games in Providers, or hide tab
Theme / System modeWhite / Sky BlueIndicates wallpaper or icon is using system/theme presetInformational state

10. Frequently asked questions & troubleshooting​

  • Why can't I move or hide the "Home" tab:
    • The Home tab serves as the primary landing page and root navigation for the lobby. It is permanently fixed at position 1 and cannot be hidden.
  • Confirmation dialog appears warning about empty tabs:
    • You enabled a tab that currently has no active games. Enable games in Games > Providers, or toggle the tab to Hidden until games are available.
  • What happens if I remove the banner logo:
    • If no logo image is uploaded, the system automatically renders the category title as bold, white, centered text across the banner.
  • Newly added system categories don't show on the website:
    • Categories newly introduced by the system wait at the end of the menu in a Hidden state, allowing staff to review games and artwork before making them public. Switch them to Shown to display them.
  • When should I use "Hand back to system":
    • Use this button when you want to reset custom provider sub-button mappings back to the default groupings curated by the system catalog.