UnigineScript
The Language
Core Library
Engine Library
Node-Related Classes
GUI-Related Classes
Plugins Library
High-Level Systems
Samples
C++ API
API Reference
Integration Samples
Usage Examples
C++ Plugins
Content Creation
Materials
Unigine Material Library
Tutorials

Customizing Design

The Launcher design is described in the data/launcher/project.css file that can be modified in any way to customize, for example, the Launcher and form background, change form layout or delete application options.

Changing Background

To replace the Launcher background with your custom image, perform the following:

  1. find the #launcher-background selector
  2. delete the background-color property
  3. add the new property: background: url('image.png')
    Notice
    The file path should be specified relative to the project.css file.
You can also change the background-color property only.

You can perform the same to change the form background that is set by using the #form-background selector.

Changing Form Layout

To customize the form layout, change properties specified in the #form selector:

  • width - form width. The default value is auto.
  • height - form height.
  • top - form layout relative to Y axis.
  • left - form layout relative to X axis.
Notice
If you change the form layout, do not forget to change the layout of its background.

Changing Run Button

Design of the RUN button is described by using the #run_button selector. You can also customize it by changing its properties.

Removing Unused Options

To remove unused application options, simply delete them from the form tag specified in the interface.html file.

For example, if the Language option is unused, you need to delete the following:

Source code (XML)
<div id="element_language" class="form-element">
	<label id="label_language"></label>
	<select id="component_language" data-bind="language"></select>
</div>
				
Last update: 2017-07-03