Begin Here

Customizing Splash Screens

The KOS UI Tooling provides an easy way to create a new splash screen project to an existing UI repo with support for automatically building the kab file from an html page.

Update UI Tools

Make sure that the environment is up to date with the latest plugins and tooling

npm run update:all

Creating a Splash Project

Using the KOS CLI create a new splash page project while in the root of your UI repo. When asked, enter the name of the splash page project

kosui project:splash
? What is the name of the splash project? my-splash3
⠇
NX  Generating @kosdev-code/kos-nx-plugin:kos-splash-project
⠙ CREATE splash/my-splash3/project.json
CREATE splash/my-splash3/src/start.html
✔  createSplashProject Splash page project my-splash3 created

A project will be created with a start.html page available that can be modified as needed.

Build a Splash Page kab

To generate a kab file that contains the new splash page content run the following:

nx run <PROJECT_NAME>:splash

where PROJECT_NAME is the name of the project created earlier. For example:

nx run my-splash3:splash

A kab file will be created in the folder dist/archives/packages/my-splash3/my-splash3.kab that can be either published or added to an image as a local artifact.

Previous
Next
On this page
Java Development
Seamlessly transition from Legacy+ systems to Freestyle microdosing and advanced distributed dispense systems.
UI Development
Using KOS SDKs, integrating Consumer and Non-consumer facing UIs becomes seamless, giving you less hassle and more time to create.
Video Library
Meet some of our development team, as they lead you through the tools, features, and tips and tricks of various KOS tools.
Resources
Familiarize yourself with KOS terminology, our reference materials, and explore additional resources that complement your KOS journey.
Copyright © 2024 TCCC. All rights reserved.