In web applications, the title bar consists of the title and icon displayed in the browser tab, allowing users to easily recognize your application among open tabs. You can customize your web application’s tab title, favicon, and meta description for search engines through Kuika’s Config Manager module.
In this guide, you’ll learn step-by-step how to configure Title Bar settings.
How to Configure Title Bar Settings?
1. Open or Create a Configuration
Log in to the Kuika platform.
From the Apps screen, open the project you’ll be working on.
Click the Config Manager module in the top menu.
To create a new configuration, click the Create a blank configuration card, give the configuration a name, and complete the creation process. If you want to use an existing configuration, click its name in the list.
2. Go to the Web Tab
Select the Web tab from the tabs at the top of the configuration screen.
In the PLATFORM section on the right, make sure the Support Web UI toggle is enabled.
Title Bar settings are located in the TITLE, META DESCRIPTION, and FAVICON fields on the right side of the screen.
3. Enter Title Bar Information
TITLE: The title that will appear in the browser tab. By default, it displays your application’s name. You can delete the title and enter a new name (e.g., Customer Management Panel).
META DESCRIPTION: A short description that will appear below your application’s title in search engines. Enter a few sentences describing your application.
FAVICON: The icon that will appear next to the title in the browser tab. Click the Choose link in the Image field to upload or select your icon. The favicon must be 32x32 pixels in size and in JPG, JPEG, PNG, or ICO format.
4. Save the Settings
Make sure you’ve filled out all required fields completely and correctly.
Click the SAVE button in the top-right corner to save your changes.
Once you’ve completed these steps, your web app will appear in the browser tab with the title and favicon you specified.
Important Tips
Keep the title short and descriptive. When multiple tabs are open, only the first few words of the title will be visible.
Use a simple icon that reflects your brand and remains clear even at a small size as your favicon.
Write the meta description as a text that explains what your app does, keeping it within 150–160 characters. Long descriptions may be truncated in search results.
By properly configuring the Title Bar settings, you can ensure your web app has a consistent and recognizable appearance in the browser and in search results.
