GUI-O Forum
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Register
    • Login

    Label, Text input, alignment

    Scheduled Pinned Locked Moved
    Comments & Feedback
    2
    18
    398
    Loading More Posts
    • 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.
    • K
      kl3m3n @DenesL
      last edited by kl3m3n

      @DenesL Hi.

      Regarding the positioning of the widgets - I personally find it easier to align widgets based on their centers, especially when laying them out vertically (horizontally). In general, it does not matter since you can always calculate the top-left corner from the center position and size (and vice versa).

      The "problem" occurs when you cannot determine the size of the object, e.g., label widget. Currently, you can get top-left positioning by specifying left alignment (ALP:1). The top-left position will be at specified X and Y (of course, you already know this, as you've pointed this out yourself).

      What I've already fixed / added:

      1. Fixed BGC bug for label (thank you for pointing this out).
      2. Added ALP parameter to TI and NI widgets (left, center and right alignment).

      I will think about adding an optional parameter that will specify X and Y position reference (center or top-left)... So each user will be able to choose the best positioning reference.

      Best regards,
      kl3m3n

      D 1 Reply Last reply Reply Quote 0
      • D
        DenesL @kl3m3n
        last edited by

        @kl3m3n Hi!
        LB BGC works now!.
        Now let me paint a scenario. I want all my labels to have the same BGC (so same width) and have their texts start from the left side.
        How can you achieve this when their texts have varying lengths?.
        Neither ALP:1 nor any other ALP value does it.

        I tried sending TI ALP with the "Send custom command" from the designer but it does not seem to work, other commands such as changing TXT do work.
        And please update the designer to include the ALP in TI and NI.

        Regards,
        Denes

        K 1 Reply Last reply Reply Quote 0
        • K
          kl3m3n @DenesL
          last edited by

          @DenesL Hi!

          It is also possible to specify the width parameter for the label and set the background, but here the alignment doesn't "work":

          "|LB UID:lb4 X:25 Y:50 W:50 BGC:#4C4C4C TXT:\"My label 3\" ALP:1\r\n"
"|LB UID:lb5 X:25 Y:55 W:50 BGC:#4C4C4C TXT:\"My label 4\" ALP:1\r\n"
"|LB UID:lb6 X:25 Y:60 W:50 BGC:#4C4C4C TXT:\"My label 5\" ALP:1\r\n"

          As a workaround, you can setup background and label over the background, e.g.:

          "|BSR UID:bg1 X:50 Y:20 W:50 H:5 BTH:0\r\n"
"|BSR UID:bg2 X:50 Y:26 W:50 H:5 BTH:0\r\n"
"|BSR UID:bg3 X:50 Y:32 W:50 H:5 BTH:0\r\n"
"|LB UID:lb1 X:25 Y:20 TXT:\"My label 1\" ALP:1\r\n"
"|LB UID:lb2 X:25 Y:26 TXT:\"My label 2\" ALP:1\r\n"
"|LB UID:lb3 X:25 Y:32 TXT:\"My label 3\" ALP:1\r\n"

          The result:

          labels

          Does this work?

          Best regards,
          kl3m3n

          D 1 Reply Last reply Reply Quote 0
          • D
            DenesL @kl3m3n
            last edited by

            @kl3m3n Hi!
            It only works when the label texts have the same length, like in your example.
            Try it with different text lengths.

            Regards,
            Denes

            K 1 Reply Last reply Reply Quote 0
            • K
              kl3m3n @DenesL
              last edited by kl3m3n

              @DenesL Hi.

              What about the second example? Creating background as a separate widget?

              @kl3m3n said in Label, Text input, alignment:

              "|BSR UID:bg1 X:50 Y:20 W:50 H:5 BTH:0\r\n"
              "|BSR UID:bg2 X:50 Y:26 W:50 H:5 BTH:0\r\n"
              "|BSR UID:bg3 X:50 Y:32 W:50 H:5 BTH:0\r\n"
              "|LB UID:lb1 X:25 Y:20 TXT:"My label 1" ALP:1\r\n"
              "|LB UID:lb2 X:25 Y:26 TXT:"My label 2" ALP:1\r\n"
              "|LB UID:lb3 X:25 Y:32 TXT:"My label 3" ALP:1\r\n"

              P. S.: I will update the designer tool, thank you for the reminder.

              Best regards,
              kl3m3n

              D 1 Reply Last reply Reply Quote 0
              • D
                DenesL @kl3m3n
                last edited by DenesL

                @kl3m3n Hi!
                Nope.

                The problem is that ALP 1 aligns the text to the left of the center point i.e. the text ends at the center point, so the texts only seem to left align when they all have equal length (using monospaced fonts).

                You would have to do a lot of trial an error positioning for each widget to get all texts to appear to line up on the left while ending at a different center point. And then reposition the background boxes too. Same issue with any other ALP value.

                I hope I am being clear. I believe things look better when aligned, either on the left edge or the right one (same issue, just on the other side of the center point).

                Regards,
                Denes

                K 2 Replies Last reply Reply Quote 0
                • K
                  kl3m3n @DenesL
                  last edited by

                  @DenesL Hi!

                  Ok, I understand now. I will see what I can do about this. I will let you know once I've fixed this!

                  Best regards,
                  kl3m3n

                  1 Reply Last reply Reply Quote 0
                  • K
                    kl3m3n @DenesL
                    last edited by kl3m3n

                    @DenesL Hi.

                    To keep backwards compatibility, I have introduced a new parameter for label widget ("LALP", label alignment position), which specifies the text alignment within the background.

                    I have set a fixed background and different text lengths with label alignment to the left side of the background (LALP:1). The X origin is determined by the X and ALP parameter.

                    |LB UID:lb1 X:5 Y:30 TXT:"The quick brown" ALP:1 BGC:#00ff00 W:80 LALP:1
|LB UID:lb2 X:5 Y:34 TXT:"The quick brown fox jumps" ALP:1 W:80 LALP:1 BGC:#00ff00
|LB UID:lb3 X:5 Y:38 TXT:"The quick brown fox jumps over the" ALP:1 W:80 LALP:1 BGC:#00ff00

                    The result:

                    alt text

                    If I right-align the label (LALP:2):

                    alt text

                    And center align the label (LALP:0):

                    alt text

                    I must also update the GUI-O designer and developer manual to better explain ALP (and its relevance with X position). ALP actually changes the X origin point (left, right, center of the widget).

                    It is a bit more complicated now, but does not break previous code.

                    I will also replace the ALP parameter for TI and NI widgets with LALP as this seems more consistent with the new scenario.

                    What do you think?

                    Best regards,
                    kl3m3n

                    D 1 Reply Last reply Reply Quote 0
                    • D
                      DenesL @kl3m3n
                      last edited by

                      @kl3m3n Hi!
                      It sounds like a good solution but when I tried to test it I got:

                      Invalid component parameter LALP (lb3)

                      running gui-o 1.0.40

                      Regards,
                      Denes

                      K 1 Reply Last reply Reply Quote 0
                      • K
                        kl3m3n @DenesL
                        last edited by

                        @DenesL Yes, I have not released the fix yet. I wanted to get your opinion first.

                        I will create a new release today (with some other minor patches).

                        Regards,
                        kl3m3n

                        D 1 Reply Last reply Reply Quote 0
                        • D
                          DenesL @kl3m3n
                          last edited by

                          @kl3m3n Hi!
                          I noticed gui-o version 1.0.41 is out, does it contain the fixes?

                          Regards,
                          Denes

                          K 1 Reply Last reply Reply Quote 0
                          • K
                            kl3m3n @DenesL
                            last edited by

                            @DenesL Yes!

                            BR,
                            kl3m3n

                            D 1 Reply Last reply Reply Quote 0
                            • D
                              DenesL @kl3m3n
                              last edited by

                              @kl3m3n Hi!
                              It works like a charm!
                              Thanks,
                              Denes

                              D 1 Reply Last reply Reply Quote 0
                              • D
                                DenesL @DenesL
                                last edited by

                                @kl3m3n Hi!
                                It occurred to me last night, can you have ALP 3 and 4 instead of LALP 1 and 2?. Simpler?.

                                Regards,
                                Denes

                                K 1 Reply Last reply Reply Quote 0
                                • K
                                  kl3m3n @DenesL
                                  last edited by

                                  @DenesL I would like to keep ALP values (and consistency) reserved for future use (maybe vertical alignment, etc.).

                                  Thanks for the suggestion though.

                                  Regards,
                                  kl3m3n

                                  1 Reply Last reply Reply Quote 0
                                  • First post
                                    Last post