Form controls render issues, solution?

0 favourites
  • 5 posts
From the Asset Store
Supports keyboard, mouse and gamepads. Supports several gamepads at once.
  • I was wondering now that form controls are part of C2 and they are rendered above other objects, which of course causes a lot of problems when running a project. But what are the supposed solution to fixing this, because it seems to be something that have been with C2 for a long time now.

    Here is an example:

    Left image is the original design in the editor.

    Top right image - Is full screen, and here the Red squares are being overlapped by the textbox and buttons, the Text object is misplaced compared to the textbox and there are different spaces between the buttons compared to the original one. The Big button have its X,Y value written as text, which match those in the editor, so the position should be the same but clearly aint.

    Lower right image - Is scaled down meaning the window size have been decreased and I zoomed in so its easier to see. The text object have now moved even more compared to both the original layout in the editor and the full screen version, as now the "T" in text is covered by the textbox.

    So the problem is, what is the solution or the idea to how to fix these issues, when it was designed? Because it seems like the form control uses a different scale or something and since the position reported in the C2 editor seems to match the position during runtime, why don't they appear correctly or how are you suppose to compensate for it, so your project looks correct when you run it?

  • I have the same problem

    The form controls scale differently from the rest of my graphics, when switched from window to fullscreen, or resizing the window

    How can you properly align an UI if the relative scale of elements change with display size?

  • You might try this method for resizing the UI elements:

    Also note, that forms elements are rendered over the canvas, so they will be always on top.

  • Thanks that's a handy fix for the font size

    Main concern was also about the actual element size, which doesn't scale as in editor like in image above

    Anyway, now I decided to do my own ui with sprites etc, as those form elements are just out of control

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Did you try applying the logic in my capx to the form elements, setting their size?

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)