# Configuring Screen Styles

Screen styles determine what screens look like in GUI installers. For more information on screen styles, see the corresponding [help topic](../concepts/screenStyles.md).

Screen styles are added by clicking the ![](../images/add.svg) `Add` button.

![](../images/ui/beans_style_add.png)

In the popup window you can select whether to add

- a configurable screen style. Screen styles can be constructed with a restricted set of the [form components](formComponents.md) for screens that do not take user input and some special form components that are relevant in a styling context.
- a screen style that is contained in your custom code. New types of reusable styles can be developed with the [install4j API](../api/installer.md). In your [custom code configuration](customCode.md) you can specify code locations that are scanned for suitable classes. A class selector will be shown where you can select the desired class.
- a group for organizing screen styles, so you have a better overview of which screen styles belong together.

For organizing screen styles in your project, you can create a group from selected screen styles with the `Create group from selection` action and dissolve groups with the `Dissolve Group` action. This action is only enabled if the selection consists of a single layout group. The elements contained in the group will be inserted in place of the group. Nested groups will not be dissolved.

You can preview a screen style with the ![](../images/form_preview.svg) `Preview` button which is also available on the property page of a screen style.

### Properties of form screen styles

Form screen styles have the following properties:

_See `reference/beans/` for the bean catalog._
