General information

Most errors can occur due to a bad update (poor patch) or through code editing, always try to use the default resource if you get errors not found within this section.

How do I hide the busy spinner ("loading %s") that appears while the loading screen is active?

To hide the busy spinner go to your server.cfg file and add the following line:

setr sv_showBusySpinnerOnLoadingScreen false

This will disable the busy spinner, and it will not be displayed while the loading screen is active.

How do i change color theme?

To customize the colors of the Loading Screen, edit the color variables in colors.css. For instance, update this variable --primary-color to set a new main color.

Why dosent the Loading Screen start?

Make sure you have followed the installation instructions correctly. A common issue could be forgetting to add the bablo-char-image-creator resource to your server.cfg file. You can download it from the CFX Portal (opens in a new tab).

ensure bablo-char-image-creator
ensure bablo-loadingscreen

Make sure that the bablo-char-image-creator resource is started before the bablo-loadingscreen resource in your server.cfg file.

How do i switch from image slider to video?

To switch from the image slider to a video in the loading screen, you need to modify the config.json file here is an example on how you can do it:

"backgroundContent": {
  "type": "video", // instead of "image-slider" use "video"
  "imageSlider": {
  "images": [
    "assets/backgrounds/bg1.png",
    "assets/backgrounds/bg2.png"
  ],
"video": {
    "source": "assets/videos/background.mp4",
    "muted": true,
    "controls": false
  },
  "duration": 7000,
  "transition": "fade"
  }
},

now instead of the settings getting taken from "imageSlider" it will be taken from "video". Make sure to replace the source with the path to your video file.

Loading Screen Installation