Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. Qt Creator WYSIWYG isn't giving a true representation
Forum Updated to NodeBB v4.3 + New Features

Qt Creator WYSIWYG isn't giving a true representation

Scheduled Pinned Locked Moved Unsolved General and Desktop
39 Posts 7 Posters 5.5k Views 4 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • Pl45m4P Pl45m4

    @SPlatten

    What layouts do you have here and how are your sizeHints and stretches configured?

    SPlattenS Offline
    SPlattenS Offline
    SPlatten
    wrote on last edited by
    #14

    @Pl45m4, the main layout is a QGridLayout, however the controls that I'm having a problem with are not in the layout they children of the centralWidget.

    Kind Regards,
    Sy

    jsulmJ Pl45m4P 2 Replies Last reply
    0
    • SPlattenS SPlatten

      @Pl45m4, the main layout is a QGridLayout, however the controls that I'm having a problem with are not in the layout they children of the centralWidget.

      jsulmJ Online
      jsulmJ Online
      jsulm
      Lifetime Qt Champion
      wrote on last edited by
      #15

      @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

      however the controls that I'm having a problem with are not in the layout they children of the centralWidget.

      That's why I asked (two times) what happens if you resize the form in designer, but you still did not answer...

      https://forum.qt.io/topic/113070/qt-code-of-conduct

      SPlattenS 1 Reply Last reply
      1
      • jsulmJ jsulm

        @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

        however the controls that I'm having a problem with are not in the layout they children of the centralWidget.

        That's why I asked (two times) what happens if you resize the form in designer, but you still did not answer...

        SPlattenS Offline
        SPlattenS Offline
        SPlatten
        wrote on last edited by
        #16

        @jsulm , nothing happens if I resize in the designer.

        Kind Regards,
        Sy

        jsulmJ 1 Reply Last reply
        0
        • SPlattenS SPlatten

          @jsulm , nothing happens if I resize in the designer.

          jsulmJ Online
          jsulmJ Online
          jsulm
          Lifetime Qt Champion
          wrote on last edited by
          #17

          @SPlatten So, this is indeed a problem with layouts (or lack of layouts) and not themes...

          https://forum.qt.io/topic/113070/qt-code-of-conduct

          1 Reply Last reply
          1
          • SPlattenS SPlatten

            @Pl45m4, the main layout is a QGridLayout, however the controls that I'm having a problem with are not in the layout they children of the centralWidget.

            Pl45m4P Offline
            Pl45m4P Offline
            Pl45m4
            wrote on last edited by Pl45m4
            #18

            @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

            are not in the layout they children of the centralWidget.

            So your "Select Trainee" label is floating around? :)
            Then you don't have to wonder why other widgets cover it.


            If debugging is the process of removing software bugs, then programming must be the process of putting them in.

            ~E. W. Dijkstra

            SPlattenS 1 Reply Last reply
            0
            • Pl45m4P Pl45m4

              @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

              are not in the layout they children of the centralWidget.

              So your "Select Trainee" label is floating around? :)
              Then you don't have to wonder why other widgets cover it.

              SPlattenS Offline
              SPlattenS Offline
              SPlatten
              wrote on last edited by SPlatten
              #19

              @Pl45m4 , On this form there are four buttons to the left of the label, these are all of a specific size and position, when viewing in designer everything looks great and nothing is wrong.

              When I launch the application I am not resizing or moving anything, it initial state looks very different from how it did in designer.

              No other widgets are covering it, the font size and size of the label is different.

              Kind Regards,
              Sy

              Pl45m4P 1 Reply Last reply
              0
              • SPlattenS SPlatten

                @Pl45m4 , On this form there are four buttons to the left of the label, these are all of a specific size and position, when viewing in designer everything looks great and nothing is wrong.

                When I launch the application I am not resizing or moving anything, it initial state looks very different from how it did in designer.

                No other widgets are covering it, the font size and size of the label is different.

                Pl45m4P Offline
                Pl45m4P Offline
                Pl45m4
                wrote on last edited by
                #20

                @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                No other widgets are covering it

                I thought the button on the left is covering your text...

                the font size and size of the label is different.

                Because the size of your label is not expanding with its content, because no layout will stretch your label :)
                You could try to set a minimum size in QtDesigner that fits your content.


                If debugging is the process of removing software bugs, then programming must be the process of putting them in.

                ~E. W. Dijkstra

                SPlattenS 1 Reply Last reply
                0
                • Pl45m4P Pl45m4

                  @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                  No other widgets are covering it

                  I thought the button on the left is covering your text...

                  the font size and size of the label is different.

                  Because the size of your label is not expanding with its content, because no layout will stretch your label :)
                  You could try to set a minimum size in QtDesigner that fits your content.

                  SPlattenS Offline
                  SPlattenS Offline
                  SPlatten
                  wrote on last edited by
                  #21

                  @Pl45m4 , thank you, I've dropped in a Horizontal Layout and added the top row of controls to that, the application is better, although the presentation in designer is still not the same and whilst it's perfect in designer, the application still has a label that isn't displaying all characters.

                  Kind Regards,
                  Sy

                  Pl45m4P 1 Reply Last reply
                  0
                  • SPlattenS SPlatten

                    @Pl45m4 , thank you, I've dropped in a Horizontal Layout and added the top row of controls to that, the application is better, although the presentation in designer is still not the same and whilst it's perfect in designer, the application still has a label that isn't displaying all characters.

                    Pl45m4P Offline
                    Pl45m4P Offline
                    Pl45m4
                    wrote on last edited by
                    #22

                    @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                    the application still has a label that isn't displaying all characters.

                    Weird. Shouldn't be the case, if done right.


                    If debugging is the process of removing software bugs, then programming must be the process of putting them in.

                    ~E. W. Dijkstra

                    SPlattenS 1 Reply Last reply
                    0
                    • Pl45m4P Pl45m4

                      @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                      the application still has a label that isn't displaying all characters.

                      Weird. Shouldn't be the case, if done right.

                      SPlattenS Offline
                      SPlattenS Offline
                      SPlatten
                      wrote on last edited by
                      #23

                      @Pl45m4 , in fact every thing I've tried still results in the label showing everything except the first letter "S".

                      Kind Regards,
                      Sy

                      Pl45m4P 1 Reply Last reply
                      0
                      • SPlattenS SPlatten

                        @Pl45m4 , in fact every thing I've tried still results in the label showing everything except the first letter "S".

                        Pl45m4P Offline
                        Pl45m4P Offline
                        Pl45m4
                        wrote on last edited by
                        #24

                        @SPlatten

                        I believe there's still something wrong. Show your layout please (the layout / widget setup and the result you get)


                        If debugging is the process of removing software bugs, then programming must be the process of putting them in.

                        ~E. W. Dijkstra

                        1 Reply Last reply
                        1
                        • SPlattenS SPlatten

                          This is part of the form whilst editing in Qt Creator:
                          creator.png

                          This is the same form when running as application on desktop:
                          IMG_0355.jpg

                          In both cases I've screen printed and cropped the area. Why is the final presentation in the compiled application when running on the desktop so different from the view in Qt Creator?

                          Also notice the controls used in Qt Creator are not quite the same as those when running in the application, note that the rectangles for the buttons and combo are sharp when running in the application and very slightly rounded when running in Qt Creator.

                          I'm using Qt 4.4.1, Based on Qt 5.9.2 (MSVC 2015, 32 bit).

                          Thank YouT Offline
                          Thank YouT Offline
                          Thank You
                          wrote on last edited by Thank You
                          #25

                          @SPlatten
                          I think it is layout issue.
                          In QT Creator You see it
                          But while compiling it may show some or none of things

                          Try applying horizontal layout label and QComboBox as discussed by @Pl45m4
                          Then I am sure It will work
                          It may not work if the window size is small Try resizing it

                          Why you can't expect the output from QT Creator
                          The height and width in QT Creator just for there unless layout is applied to it?
                          If the design in QT Creator fills the screen properly Then would you expect it fill to all screens in the same behaviour "NO"
                          So It's specific to that size only So I guess layouts are
                          EASY
                          RESPONSIVE
                          ATTRACTIVE

                          I hope it helps

                          Let's make QT free or It will go forever

                          TRUE AND FALSE <3

                          SPlattenS 1 Reply Last reply
                          0
                          • Thank YouT Thank You

                            @SPlatten
                            I think it is layout issue.
                            In QT Creator You see it
                            But while compiling it may show some or none of things

                            Try applying horizontal layout label and QComboBox as discussed by @Pl45m4
                            Then I am sure It will work
                            It may not work if the window size is small Try resizing it

                            Why you can't expect the output from QT Creator
                            The height and width in QT Creator just for there unless layout is applied to it?
                            If the design in QT Creator fills the screen properly Then would you expect it fill to all screens in the same behaviour "NO"
                            So It's specific to that size only So I guess layouts are
                            EASY
                            RESPONSIVE
                            ATTRACTIVE

                            I hope it helps

                            SPlattenS Offline
                            SPlattenS Offline
                            SPlatten
                            wrote on last edited by
                            #26

                            This is now resolved, I redid the main window ui, the top line buttons and widgets are now in a horizontal layout with the main window content in a grid layout. As a WYSIWYG editor Qt Creator is rubbish because the presentation of what you see is not what you get.

                            Kind Regards,
                            Sy

                            jsulmJ 1 Reply Last reply
                            0
                            • Christian EhrlicherC Online
                              Christian EhrlicherC Online
                              Christian Ehrlicher
                              Lifetime Qt Champion
                              wrote on last edited by
                              #27

                              @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                              As a WYSIWYG editor Qt Creator is rubbish because the presentation of what you see is not what you get.

                              I don't see how this should work - first you've styles which slightly modifies the items and then you can set the sizes and others by code - so what do you expect that this should work out?
                              That's why you have to use layouts - they arrange the widgets the way you want without killing the layout when another style is used or similar.

                              Qt Online Installer direct download: https://download.qt.io/official_releases/online_installers/
                              Visit the Qt Academy at https://academy.qt.io/catalog

                              1 Reply Last reply
                              2
                              • SPlattenS SPlatten

                                This is now resolved, I redid the main window ui, the top line buttons and widgets are now in a horizontal layout with the main window content in a grid layout. As a WYSIWYG editor Qt Creator is rubbish because the presentation of what you see is not what you get.

                                jsulmJ Online
                                jsulmJ Online
                                jsulm
                                Lifetime Qt Champion
                                wrote on last edited by jsulm
                                #28

                                @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                                As a WYSIWYG editor Qt Creator is rubbish

                                I think the mistake you were doing was that you were designing your UI manually (positions and sizes of the widgets) for a specific theme. This is a very bad idea in my opinion because your UI is going to break as soon as the theme changes.
                                Lets assume QtDesigner would use the system theme, you are on Windows 10 and design your UI manually, everything is fine. One day Microsoft changes the theme (this will for sure happen one day) - your UI breaks, you have to adjust the UI and rebuild your app for the new Windows version. And there is one more thing to consider: if you're working on a cross platform app then your UI will only behave properly on the platform were you created it...

                                I use QtDesigner a lot and don't see how it is rubbish as long as you use layouts. So, instead of blaming the tool use it properly.

                                https://forum.qt.io/topic/113070/qt-code-of-conduct

                                1 Reply Last reply
                                3
                                • SPlattenS Offline
                                  SPlattenS Offline
                                  SPlatten
                                  wrote on last edited by
                                  #29

                                  Perhaps rubbish is too harsh, but I've used various GUI tools and IDE's and generally when designing a GUI in a front end, what you end up with in your application is exactly how you left it in the designer. This isn't always the case in Qt Creator.

                                  I'm not sure what you mean by themes, I drag and drop widgets from the palette onto the form and edit properties if required, in code I didn't modify anything, however now its fixed.

                                  Kind Regards,
                                  Sy

                                  jsulmJ 1 Reply Last reply
                                  0
                                  • SPlattenS SPlatten

                                    Perhaps rubbish is too harsh, but I've used various GUI tools and IDE's and generally when designing a GUI in a front end, what you end up with in your application is exactly how you left it in the designer. This isn't always the case in Qt Creator.

                                    I'm not sure what you mean by themes, I drag and drop widgets from the palette onto the form and edit properties if required, in code I didn't modify anything, however now its fixed.

                                    jsulmJ Online
                                    jsulmJ Online
                                    jsulm
                                    Lifetime Qt Champion
                                    wrote on last edited by jsulm
                                    #30

                                    @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                                    I'm not sure what you mean by themes

                                    This thread started with you saying that QtDesigner does not use system theme (which is correct observation).

                                    https://forum.qt.io/topic/113070/qt-code-of-conduct

                                    SPlattenS 1 Reply Last reply
                                    1
                                    • jsulmJ jsulm

                                      @SPlatten said in Qt Creator WYSIWYG isn't giving a true representation:

                                      I'm not sure what you mean by themes

                                      This thread started with you saying that QtDesigner does not use system theme (which is correct observation).

                                      SPlattenS Offline
                                      SPlattenS Offline
                                      SPlatten
                                      wrote on last edited by
                                      #31

                                      @jsulm , I don't follow at all.

                                      Kind Regards,
                                      Sy

                                      jsulmJ 1 Reply Last reply
                                      0
                                      • SPlattenS SPlatten

                                        @jsulm , I don't follow at all.

                                        jsulmJ Online
                                        jsulmJ Online
                                        jsulm
                                        Lifetime Qt Champion
                                        wrote on last edited by
                                        #32

                                        @SPlatten "Also notice the controls used in Qt Creator are not quite the same as those when running in the application, note that the rectangles for the buttons and combo are sharp when running in the application and very slightly rounded when running in Qt Creator." - you wrote this, right?
                                        Also: "Qt Creator should present the forms in the way they will look when running on the host, which currently is very different"

                                        So, what I mean is: QtDesigner does not use the system theme (the one used in the OS it is running on).

                                        https://forum.qt.io/topic/113070/qt-code-of-conduct

                                        SPlattenS 1 Reply Last reply
                                        0
                                        • jsulmJ jsulm

                                          @SPlatten "Also notice the controls used in Qt Creator are not quite the same as those when running in the application, note that the rectangles for the buttons and combo are sharp when running in the application and very slightly rounded when running in Qt Creator." - you wrote this, right?
                                          Also: "Qt Creator should present the forms in the way they will look when running on the host, which currently is very different"

                                          So, what I mean is: QtDesigner does not use the system theme (the one used in the OS it is running on).

                                          SPlattenS Offline
                                          SPlattenS Offline
                                          SPlatten
                                          wrote on last edited by
                                          #33

                                          @jsulm , ok, thank you, and why is that? Surely thats either a design fault?

                                          Is it a setting I can change?

                                          Kind Regards,
                                          Sy

                                          jsulmJ 1 Reply Last reply
                                          0

                                          • Login

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Categories
                                          • Recent
                                          • Tags
                                          • Popular
                                          • Users
                                          • Groups
                                          • Search
                                          • Get Qt Extensions
                                          • Unsolved