Components within a dialog are extending beyond the vertical scroll bar, and when we choose full-screen, a horizontal scroll bar appears allowing to view the edges of the components. How can we reduce the width of components or make them wrap within dialog box?
It's a bit hard to diagnose the issue without the full XML because I can't reproduce this error, but here are some possible causes:
Strange issues like this can happen in you're missing coralui2 and coralui3 libraries. Please make sure that you are consistently using coralui3. You'll know the difference between the two because Coral 2 widgets are at /libs/granite/ui/components/foundation and Coral 3 widgets are at /libs/granite/ui/components/coral/foundation.
Are your components directly under the <items> node in your XML snippet? Because if so, then Granite is counting each of your components as a column. Instead, you the fixedcolumns node should contain only container nodes (each one being a column) and then those containers should contain the components. Here is some XML as an example:
You seem to have a LOT of properties in your edit dialog. For UI/UX purposes, I suggest you use tabs to break up all that information a bit for the user. Here is the same XML as above, but now there are two tabs: