Smart Launcher branding
Note! This feature is available only for the STBs of MAG family running Linux.
- Meta-package defines a set of applications and their order in the main menu.
- Theme allows you to change the colour, background, visual sizes of app elements and fonts.
- Launcher configuration allows you to set logo and create a list of categories in the main menu (standard categories - Media, Apps, Games).
Ministra TV platform branding is done in two ways:
- Creation/modification of themes, application meta-package and change of launcher configuration.
- Manual images replacement on the specific paths, colour editing in CSS files the theme, installing a custom set of applications via Ministra Administrative Panel.
This document contains the abbreviation "{0}" - the current screen height (1080, 720, 576, 480), is set depending on the device resolution.
Applications meta-package
A set and order of application is defined in the meta-package, according to the dependencies in the file
In order to change the set and order of applications in the main menu, you need to develop your own applications meta-package or edit the list in the corporate meta-package manually.
We recommend using the source files of our corporate meta-package to develop your own meta-package.
How to develop and activate your own meta-package using standard meta-package:
In
package.json file change the name of thestalker-apps-base package on your own.Specify the name of the meta-package in configuration file custom.ini. (Field value
launcher_apps_base_metapackage ).Publish the package using npm system. In the catalogue of this package, run the command
npm publish
- Install published package via the administrative panel. More details here.
To edit the corporate meta-package, browse to the admin panel and follow these steps:
1. Open the tab Applications.
2. Select Smart Launcher Apps.
3. Click List of installed and choose the Save the list.
4. Edit the saved list (change the order of applications, remove the applications, add your own set applications).
5. Click List of installed and select Upload the list.
6. Click Select file, uploading your edited list of applications.
7. Click Send.
If you have added your own applications while editing the list, they must be published on npm-server. In the catalogue package, run the command
npm publish
Applications themes of Ministra TV platform 5.x
The meta-package
- Stalker 5x - graphite (magcore-theme-graphite)
- Stalker 5x – chocolate (magcore-theme-chocolate)
To change the visual appearance of the theme, create your own theme or modify installed.
A theme standard is developed to support compatibility of different versions of applications and themes. The theme standard is a set of CSS classes, necessary for the correct display of applications.
The theme standard is described in npm-package
Creating a theme
To create your own theme using only CSS, it is enough to publish npm-package, with a recommended prefix magcore-theme-, in which must contain four CSS-file:
These files must comply with the requirements of theme standard of the current version. To view the current version of the standart, browse to the admin panel and filter the applications by type System. Package version
The source files of any theme are available upon request, support@infomir.eu.
Modification of an existing theme
A simplified version of theme customization - manual. To change colour scheme of the app, manually replace the colour values in the CSS files.
The following example shows the path to the theme:
At the root of the theme lies file, which is responsible for the theme background:
Please note that if you have customized the theme, you must disable auto-update. Otherwise, after the theme update, you should repeat the modification.
The structure of the file paths
By default, all packages are located in
After installation in this directory will appear directories with the packages' names. In these directories of the packages will be the directories with their versions, that contain app files.
An example of the full path to the package content for the tv version 1.2.4:
where
magcore-app-tv- is the package name.
Basic information about icons
Application icons are displayed in the main menu, task manager list, and while loading an application.
All icons are declared in
The path to the icons by default regarding the contents of the package:
An example of the full path to the icons:
The icons have two modes: normal and active (icon in focus).
Icon sizes for different screen sizes
480 |
normal - 64x64, active - 96x96 |
576 |
normal - 80x80, active - 120x120 |
720 |
normal - 100x100, active - 150x150 |
1080 |
normal - 150x150, active - 225x225 |
Main Menu Branding
The list of branding elements in the main menu:
1. Logo.
2. Category list (a standard set of categories - Media, Apps, Games).
The launcher package is called
The launcher configuration file is located on the following directory:
To change the logo put in the directory
If the file name does not match, change the line
When you change the category list, the display of applications in the main menu is not guaranteed because of the possible disappearance of the whole set of the corresponding category. The list is contained in the field "categories". An example of a category:
{ "name": "Media", "icons": "img/{0}/icons/media.png" }
where
name- the name of the category, which is used in the lower case for sorting applications for this category (the application of "media" type falls into this set).
icons- template path to the application icon.
There are two ways of using your own configuration:
- In the options of the package, you set the path to the config file. The package options are specified in administrative panel Ministra.
- Replace the configuration file of launcher to your own.
Please note that if you have customized the launcher, you need to disable the auto-update. Otherwise, after the launcher update, you should repeat the configuration file replacement.
Icon Customization
Option 1
Replace the icons manually. The path to the icons described above.
Please note that if you have customized the icons, you need to disable the auto-update. Otherwise, after the application update, you should repeat the icons replacement.
1. Add your own application with your own icons. To do this, in the standard application replace the icons with your own and publish under a different name.
2. Delete the standard application.