<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <div class="moz-cite-prefix">I got it wrong. Seems that row layout
      layouts things horizontally, and column vertically.</div>
    <div class="moz-cite-prefix"><br>
    </div>
    <div class="moz-cite-prefix">As Hilaire mentioned, unless you want
      to define your own layout algorithm, the idea is to use the layout
      morphs, not subclass from them.</div>
    <div class="moz-cite-prefix"><br>
    </div>
    <div class="moz-cite-prefix">Layouts in a column (vertically):</div>
    <div class="moz-cite-prefix"> <br>
    </div>
    <div class="moz-cite-prefix">LayoutMorph newColumn ::<br>
              addMorph: (BoxedMorph new color: Color red; yourself);<br>
              addMorph: (BoxedMorph new color: Color green; yourself);<br>
              addMorph: (BoxedMorph new color: Color blue; yourself);<br>
              openInWorld.<br>
    </div>
    <div class="moz-cite-prefix"><br>
    </div>
    <div class="moz-cite-prefix">Layouts in a row (horizontally):<br>
    </div>
    <div class="moz-cite-prefix"> LayoutMorph newRow ::<br>
              addMorph: (BoxedMorph new color: Color red; yourself);<br>
              addMorph: (BoxedMorph new color: Color green; yourself);<br>
              addMorph: (BoxedMorph new color: Color blue; yourself);<br>
              openInWorld.</div>
    <div class="moz-cite-prefix"><br>
    </div>
    <div class="moz-cite-prefix">    Mariano</div>
    <div class="moz-cite-prefix"><br>
    </div>
    <div class="moz-cite-prefix">El 13/3/23 a las 18:30, Alexandre
      Rousseau escribió:<br>
    </div>
    <blockquote type="cite"
cite="mid:CAKmOayLRKB3n_i2DGntLL1zAvo5f3NqxNjvXZ_qOxaC9UwawRw@mail.gmail.com">
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <div dir="ltr">
        <blockquote class="gmail_quote" style="margin:0px 0px 0px
          0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">You
          may want to try with #beRow if you want submorphs to align
          vertically (in rows).</blockquote>
        <div><br>
        </div>
        Hmm... I'm not sure about this.
        <div><br>
        </div>
        <div>I've attached the filed-out test class to this email, if
          you want to take a closer look.</div>
        <div><br>
        </div>
        <div>Basically it is a LayoutMorph subclass, initialized as:
          <blockquote class="gmail_quote" style="margin:0px 0px 0px
            0.8ex;border-left:1px solid
            rgb(204,204,204);padding-left:1ex">initialize<br>
            | b1 b2 b3 |</blockquote>
          <blockquote class="gmail_quote" style="margin:0px 0px 0px
            0.8ex;border-left:1px solid
            rgb(204,204,204);padding-left:1ex">super initialize.<br>
            self beRow.<br>
            b1 BoxedMorph new :: color: Color red.<br>
            b2 BoxedMorph new :: color: Color green.<br>
            b3 BoxedMorph new :: color: Color blue.<br>
            self addMorph: b1.<br>
            self addMorph: b2.<br>
            self addMorph: b3.<br>
            self morphExtent: self minimumExtent.</blockquote>
          <div>and the instantiation of which results in this (attached
            image 1).</div>
          <div><br>
          </div>
          <img src="cid:part1.0x0I4lM0.7jeop3xO@gmail.com"
            alt="image1.png" class="" width="152" height="50"><br>
          <img src="cid:part2.Noo0TgPM.bpwpOJd0@gmail.com" alt="image
            2.png" class="" width="194" height="162"><br>
          <div>Changing line 4 to "self beColumn" does not lay the items
            out vertically. See attached image 2.</div>
          <div><br>
          </div>
          <div><br>
          </div>
        </div>
      </div>
      <br>
      <div class="gmail_quote">
        <div dir="ltr" class="gmail_attr">On Mon, Mar 13, 2023 at
          4:01 PM marianomontone--- via Cuis-dev <<a
            href="mailto:cuis-dev@lists.cuis.st" moz-do-not-send="true"
            class="moz-txt-link-freetext">cuis-dev@lists.cuis.st</a>>
          wrote:<br>
        </div>
        <blockquote class="gmail_quote" style="margin:0px 0px 0px
          0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">On
          13/3/23 13:36, Alexandre Rousseau via Cuis-dev <<a
            href="mailto:cuis-dev@lists.cuis.st" target="_blank"
            moz-do-not-send="true" class="moz-txt-link-freetext">cuis-dev@lists.cuis.st</a>>
          wrote:<br>
          > Defining a class as subclass of LayoutMorph and
          initializing it thus:<br>
          > <br>
          >     initialize<br>
          >        super initialize.<br>
          >        self beColumn.<br>
          > <br>
          > <br>
          > morphs added to it still appear next to each other,
          horizontally, as if <br>
          > #beColumn was ignored.<br>
          > <br>
          > Is this expected behaviour for a subclass of LayoutMorph?<br>
          <br>
          I think it is. You may want to try with #beRow if you want
          submorphs to align vertically (in rows).<br>
          <br>
                Mariano<br>
          -- <br>
          Cuis-dev mailing list<br>
          <a href="mailto:Cuis-dev@lists.cuis.st" target="_blank"
            moz-do-not-send="true" class="moz-txt-link-freetext">Cuis-dev@lists.cuis.st</a><br>
          <a href="https://lists.cuis.st/mailman/listinfo/cuis-dev"
            rel="noreferrer" target="_blank" moz-do-not-send="true"
            class="moz-txt-link-freetext">https://lists.cuis.st/mailman/listinfo/cuis-dev</a><br>
        </blockquote>
      </div>
    </blockquote>
    <p><br>
    </p>
  </body>
</html>