1 files changed, 112 insertions, 0 deletions
diff --git a/src/imports/compat/Layers/designer/ScreenSpecifics.qml b/src/imports/compat/Layers/designer/ScreenSpecifics.qml
new file mode 100644
index 0000000..80c7357
--- /dev/null
+++ b/src/imports/compat/Layers/designer/ScreenSpecifics.qml
@@ -0,0 +1,112 @@
+/****************************************************************************
+**
+** Copyright (C) 2021 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of Qt Quick Ultralite compatibility.
+**
+** $QT_BEGIN_LICENSE:GPL$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.15
+import QtQuick.Layouts 1.15
+import HelperWidgets 2.0
+import StudioTheme 1.0 as StudioTheme
+
+//! [Screen compatibility]
+Section {
+    anchors.left: parent.left
+    anchors.right: parent.right
+    caption: qsTr("Screen")
+
+    SectionLayout {
+        PropertyLabel { text: qsTr("Output Device") }
+
+        SecondColumnLayout {
+            LineEdit {
+                backendValue: backendValues.outputDevice
+                showTranslateCheckBox: false
+                implicitWidth: StudioTheme.Values.singleControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+                width: implicitWidth
+            }
+
+            ExpandingSpacer {}
+        }
+
+        PropertyLabel { text: qsTr("Background color") }
+
+        ColorEditor {
+            backendValue: backendValues.backgroundColor
+            supportGradient: false
+        }
+
+        PropertyLabel { text: qsTr("Application size") }
+
+        SecondColumnLayout {
+            SpinBox {
+                id: widthSpinBox
+                implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+                backendValue: backendValues.defaultApplicationWidth
+                maximumValue: 0xffff
+                minimumValue: 0
+                decimals: 0
+                enabled: true
+            }
+
+            Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+            ControlLabel {
+                //: The width of the object
+                text: qsTr("W", "width")
+                tooltip: widthSpinBox.enabled ? qsTr("Width") : root.disbaledTooltip
+                enabled: widthSpinBox.enabled
+            }
+
+            Spacer { implicitWidth: StudioTheme.Values.controlGap }
+
+            SpinBox {
+                id: heightSpinBox
+                implicitWidth: StudioTheme.Values.twoControlColumnWidth
+                               + StudioTheme.Values.actionIndicatorWidth
+                backendValue: backendValues.defaultApplicationHeight
+                maximumValue: 0xffff
+                minimumValue: 0
+                decimals: 0
+                enabled: true
+            }
+
+            Spacer { implicitWidth: StudioTheme.Values.controlLabelGap }
+
+            ControlLabel {
+                //: The height of the object
+                text: qsTr("H", "height")
+                tooltip: heightSpinBox.enabled ? qsTr("Height") : root.disbaledTooltip
+                enabled: heightSpinBox.enabled
+            }
+
+            ExpandingSpacer {}
+        }
+    }
+}
+//! [Screen compatibility]