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.

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 perform the same to change the form background that is set by using the #form-background selector.

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.

Changing Run Button

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:

<div id="element_language" class="form-element">
	<label id="label_language"></label>
	<select id="component_language" data-bind="language"></select>
</div>