View#
Description#
A View is the main layout container for the application window of disco. You can design different views. Each view holds one or more Widgets.
Window#
Kiosk Mode#
If this option is set the disco app window will be rendered fullscreen and no other window will be rendered above.
❗ In a multi display setup, the the app window will be rendered on the primary display. To use a different display, please set Position X and Position Y to a position on the desired display.
Fullscreen Mode#
If this option is set the disco app window will be rendered fullscreen.
❗ In a multi display setup, the the app window will be rendered on the primary display. To use a different display, please set Position X and Position Y to a position on the desired display.
Always On Top#
If this option is set no other window will be rendered above the disco app window.
Height#
This property sets the window height in pixels.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect.
Keep Current Position#
If this option is set the window will keep the current position, regardless of what is set for Position X and Position Y
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect.
Maximizable#
If this option is set the user can maximize the window.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect.
Minimizable#
If this option is set the user can minimize the window.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect
Movable#
If this option is set the user can move the window.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect
Resizable#
If this option is set the user can resize the window.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect
Width#
This property sets the window width in pixels.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect.
Position x#
This property sets the window position on the X axis in pixels.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect.
Position y#
This property sets the window position on the Y axis in pixels.
❗ If Kiosk Mode or Fullscreen Mode is set, this property has no effect.
Grid#
Columns#
This property sets the number of columns in the grid.
Rows#
Count#
With this property you can select from a range of integer row numbers according to the configured window Height. This property is a help for not having to calculate the exact height in pixels for integer row numbers. The app will take the Height property.
Height#
This property sets the row height in pixels.
Widgets#
See the Widgets reference.
Parameters#
See the Parameters reference.
Styles#
Background Color#
The background color of the widget. You can select between disabled, transparent or a color. If you click on the color string, a picker pops up with several options to select or enter the desired color.
Background Image#
A string defining the background image of the widget can be entered.
Examples#
none- will render no background imageurl=('<URL>')- will render the image from<URL>as background imagelinear-gradient(rgb(255, 0, 0), rgb(0, 0, 255))- will render a gradient from red to blue as background image
ℹ️ For more possibilities for this props, see background-image docs on MDN.
❗ To load a Background Image from disco's public assets server youe have two options entering the URL:
url=('http://localhost:<HTTP_PORT>/public/<FILENAME>')url=('https://<DNS_HOSTNAME>:<HTTPS_PORT>/public/<FILENAME>')
Font Color#
The font color of the widget. You can select between disabled, transparent or a color. If you click on the color string, a picker pops up with several options to select or enter the desired color.
Font Size#
The font size of the widget. You can select between inherit, or enter a size in pixels. When inherit is selected, the Font Size will be taken from the app.
Font Style#
The font color of the widget. You can select between inherit, italic or normal. When inherit is selected, the Font Style will be taken from the app.
Font Weight#
The font color of the widget. You can select between inherit or from 100 to 900 in steps of 100. When inherit is selected, the Font Weight will be taken from the app.