aboutsummaryrefslogtreecommitdiffstats
path: root/doc/src/how-to/vscodeext-how-to-desing-widget-based-uis.qdoc
blob: 5ca8711a025e7da4c770a19140ca94e70afc2faa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

/*!
    \page vscodeext-how-design-widget-based-uis.html
    \previouspage vscodeext-how-tos.html
    \nextpage vscodeext-reference.html

    \ingroup vscodeext-how-to-cpp

    \title Design widgets-based UIs

    To design a widgets-based UI:

    \list 1
        \li Go to \uicontrol {Explorer}, and select a \e {.ui} file.
        \li Select \uicontrol {Open this file with \QD}.
            \image vscodeext-open-ui-file.webp {Opening an .ui file in the Explorer}
        \li Use \l {\QD} to design a UI.
    \endlist

    \section1 Set \QD location

    If VS Code cannot find \QD, set the path to it in \uicontrol {Settings}.

    \sa {Tutorial: Qt Widgets application}, {Qt settings}
*/