text fields and buttons are displayed incorrectly WIN11 Qt Creator 4.12.3

jsulm

@kendo To me it looks like you did not apply a layout to the central widget of your main window.

kendo

oh yeah, where is a warn icon in the central widget. But I couldn't see the description of that worning.
It's the same on the WIN8.1 environment, but the displaying of the form is o.k.

What can I do?

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>MainWindow</class>
 <widget class="QMainWindow" name="MainWindow">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>800</width>
    <height>600</height>
   </rect>
  </property>
  <property name="windowTitle">
   <string>MainWindow</string>
  </property>
  <widget class="QWidget" name="centralwidget">
   <property name="minimumSize">
    <size>
     <width>600</width>
     <height>600</height>
    </size>
   </property>
   <widget class="QWidget" name="horizontalLayoutWidget">
    <property name="geometry">
     <rect>
      <x>10</x>
      <y>80</y>
      <width>517</width>
      <height>31</height>
     </rect>
    </property>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <widget class="QPushButton" name="pushButton">
       <property name="text">
        <string>Connect</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="sendButton">
       <property name="text">
        <string>Send</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="quit_button">
       <property name="text">
        <string>DisConnect</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="openLogBtn">
       <property name="text">
        <string>Display Logfile</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="pushButton_3">
       <property name="text">
        <string>Send help</string>
       </property>
      </widget>
     </item>
     <item>
      <widget class="QPushButton" name="pushButton_2">
       <property name="text">
        <string>Clear</string>
       </property>
      </widget>
     </item>
    </layout>
   </widget>
   <widget class="QPlainTextEdit" name="plainTextEdit">
    <property name="geometry">
     <rect>
      <x>0</x>
      <y>110</y>
      <width>801</width>
      <height>431</height>
     </rect>
    </property>
    <property name="font">
     <font>
      <family>DejaVu Sans Mono</family>
      <pointsize>10</pointsize>
     </font>
    </property>
   </widget>
   <widget class="QWidget" name="formLayoutWidget">
    <property name="geometry">
     <rect>
      <x>10</x>
      <y>0</y>
      <width>461</width>
      <height>80</height>
     </rect>
    </property>
    <layout class="QFormLayout" name="formLayout">
     <item row="0" column="0">
      <widget class="QLabel" name="serverLabel">
       <property name="text">
        <string>Server</string>
       </property>
      </widget>
     </item>
     <item row="0" column="1">
      <widget class="QLineEdit" name="serverLineEdit"/>
     </item>
     <item row="1" column="1">
      <widget class="QLineEdit" name="portLineEdit">
       <property name="maximumSize">
        <size>
         <width>60</width>
         <height>16777215</height>
        </size>
       </property>
      </widget>
     </item>
     <item row="2" column="0">
      <widget class="QLabel" name="sendAfterConnectLabel">
       <property name="text">
        <string>send</string>
       </property>
      </widget>
     </item>
     <item row="2" column="1">
      <widget class="QLineEdit" name="sendAfterConnectLineEdit">
       <property name="maximumSize">
        <size>
         <width>500</width>
         <height>16777215</height>
        </size>
       </property>
      </widget>
     </item>
     <item row="1" column="0">
      <widget class="QLabel" name="portLabel">
       <property name="text">
        <string>Port</string>
       </property>
      </widget>
     </item>
    </layout>
   </widget>
   <widget class="QWidget" name="formLayoutWidget_2">
    <property name="geometry">
     <rect>
      <x>490</x>
      <y>0</y>
      <width>311</width>
      <height>31</height>
     </rect>
    </property>
    <layout class="QFormLayout" name="formLayout_2">
     <item row="0" column="0">
      <widget class="QLabel" name="logfilenemLabel">
       <property name="text">
        <string> Log</string>
       </property>
      </widget>
     </item>
     <item row="0" column="1">
      <widget class="QLineEdit" name="logfilename">
       <property name="maximumSize">
        <size>
         <width>280</width>
         <height>16777215</height>
        </size>
       </property>
      </widget>
     </item>
    </layout>
   </widget>
   <widget class="QLabel" name="label">
    <property name="geometry">
     <rect>
      <x>490</x>
      <y>30</y>
      <width>51</width>
      <height>29</height>
     </rect>
    </property>
    <property name="text">
     <string>count</string>
    </property>
   </widget>
  </widget>
  <widget class="QMenuBar" name="menubar">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
     <width>800</width>
     <height>24</height>
    </rect>
   </property>
   <widget class="QMenu" name="menuDatei">
    <property name="title">
     <string>Datei</string>
    </property>
    <addaction name="actionTrace_speichern"/>
    <addaction name="separator"/>
    <addaction name="actionBeenden"/>
   </widget>
   <widget class="QMenu" name="menuExtras">
    <property name="title">
     <string>Extras</string>
    </property>
    <addaction name="actionSettings"/>
    <addaction name="actionSQL_DB_anzeigen"/>
    <addaction name="separator"/>
    <addaction name="actionINI_File"/>
   </widget>
   <widget class="QMenu" name="menuHilfe">
    <property name="title">
     <string>Hilfe</string>
    </property>
    <addaction name="actionAbout"/>
   </widget>
   <addaction name="menuDatei"/>
   <addaction name="menuExtras"/>
   <addaction name="menuHilfe"/>
  </widget>
  <widget class="QStatusBar" name="statusbar"/>
  <widget class="QToolBar" name="toolBar">
   <property name="windowTitle">
    <string>toolBar</string>
   </property>
   <attribute name="toolBarArea">
    <enum>TopToolBarArea</enum>
   </attribute>
   <attribute name="toolBarBreak">
    <bool>false</bool>
   </attribute>
  </widget>
  <action name="actionTrace_speichern">
   <property name="icon">
    <iconset resource="MyRes.qrc">
     <normaloff>:/images/images/filesave.png</normaloff>:/images/images/filesave.png</iconset>
   </property>
   <property name="text">
    <string>&amp;Trace speichern</string>
   </property>
  </action>
  <action name="actionBeenden">
   <property name="icon">
    <iconset resource="MyRes.qrc">
     <normaloff>:/images/images/exit.png</normaloff>:/images/images/exit.png</iconset>
   </property>
   <property name="text">
    <string>Beenden</string>
   </property>
  </action>
  <action name="actionSettings">
   <property name="icon">
    <iconset resource="MyRes.qrc">
     <normaloff>:/images/images/settings.png</normaloff>:/images/images/settings.png</iconset>
   </property>
   <property name="text">
    <string>&amp;Einstellungen</string>
   </property>
  </action>
  <action name="actionAbout">
   <property name="text">
    <string>About</string>
   </property>
  </action>
  <action name="actionSQL_DB_anzeigen">
   <property name="text">
    <string>SQL DB anzeigen</string>
   </property>
  </action>
  <action name="actionINI_File">
   <property name="text">
    <string>INI File</string>
   </property>
  </action>
 </widget>
 <resources>
  <include location="MyRes.qrc"/>
 </resources>
 <connections/>
</ui>

JonB

@kendo said in text fields and buttons are displayed incorrectly WIN11 Qt Creator 4.12.3:

It's the same on the WIN8.1 environment, but the displaying of the form is o.k.

That is "fortuitous".

What can I do?

Umm, set a layout on it....

Christian Ehrlicher

What Qt version do you use? Looks like Hi-DPI issues.

kendo

@Christian-Ehrlicher said in text fields and buttons are displayed incorrectly WIN11 Qt Creator 4.12.3:

What Qt version do you use? Looks like Hi-DPI issues.

Qt Creator 4.12.3
Based on Qt 5.14.2 (MSVC 2017, 32 bit)
From revision 48e46132e3
Built on Jun 16 2020 01:19:26

Yes, the Screen is 3K

But the other guys are right, I didn't care enough about the layout!
This is the result now.
So I have to close the educational gap.

I'll look for a good tutorial!

Christian Ehrlicher

@kendo said in text fields and buttons are displayed incorrectly WIN11 Qt Creator 4.12.3:

Qt Creator 4.12.3
Based on Qt 5.14.2 (MSVC 2017, 32 bit)
From revision 48e46132e3
Built on Jun 16 2020 01:19:26

I mean the Qt version you use for compilation, not the one your IDE is built with (which the About dialog explitly states...)

JonB

@kendo
Looking at your screenshot you seem to have 2 form layouts and one horizontal layout. None of them are within a layout themselves, so I think you are "fortunate" that the two form layouts are positioned horizontally and the buttons layout below them.

I think you want your central widget to be a vertical layout, and to have:

vertical layout (central widget)
    horizontal layout (just for the form layouts)
        form layout  (Server)
        form layout  (Log)
    horizontal layout (buttons)

and you'd better move that count sitting all on his own there :)

kendo

@Christian-Ehrlicher said in text fields and buttons are displayed incorrectly WIN11 Qt Creator 4.12.3:

I mean the Qt version you use for compilation, not the one your IDE is built with (which the About dialog explitly states...)

kendo

The Tutorial that helps, was:
link text

The "corpus delicti " was the missing layout of the top level Widget.

Now it looks like

Thanks everyone for your motivation

jsulm

@kendo To make it clear for the future: @Christian-Ehrlicher asked you which Qt version you are using! What you are showing is the Qt version which was used to build QtCreator...
You should know what Qt version you installed, you can also check the Qt version in QtCreator configuration in "Kits" tab.