<div id="__MailbirdStyleContent" style="font-size: 12pt;font-family: calibri;color: #000000">
Hi jrm,<div><br></div><div>LayoutFrames are only used by the ProportionalLayout, not the TableLayout. Creating such a "form layout" with TableLayout is possible if all labels get a fixed width and #hResizing to #rigid. The input fields then #hResizing to #spaceFill. Do it row by row.</div><div><br></div><div>Here is an example:</div><div><br></div><div><img src="cid:683be1d6-69c7-4e13-b7c3-9cd12fb09041" width="auto"></img></div><div><br></div><div>Here is the code, have fun :-) Yes, you should use an actual model for PluggableTextMorphs, not call #setText. Anyway :</div><div><br></div><div><div>loremIpsum := [:num |</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>((1 to: num)</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>collect: [:ea | Symbol allSymbols atRandom asString])</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>joinSeparatedBy: ' '].</div><div><br></div><div>container := Morph new.</div><div>container</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>color: Color sky;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>layoutPolicy: TableLayout new;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>listDirection: #topToBottom;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>cellInset: 5;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>layoutInset: 5;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>extent: 500@1000.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span></div><div>10 timesRepeat: [</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>| row label inputSingle inputMulti |</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>row := Morph new.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>row</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>color: Color aqua;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>layoutPolicy: TableLayout new;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>listDirection: #leftToRight;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>cellPositioning: #topLeft;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>cellInset: 5;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>layoutInset: 5;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>hResizing: #spaceFill;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>vResizing: #shrinkWrap.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>label := Symbol allSymbols atRandom asText asMorph.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>label</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>autoFit: false;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>width: 150.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>inputSingle := PluggableTextMorph new.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>inputSingle</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>setText: (loremIpsum value: 3 atRandom);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>hResizing: #spaceFill;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>height: TextStyle defaultFont height * 1.5;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>wrapFlag: false;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>acceptOnCR: true;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>hideScrollBarsIndefinitely.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>inputMulti := PluggableTextMorph new.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>inputMulti</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>setText: (loremIpsum value: 10 atRandom);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>hResizing: #spaceFill;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>height: (50 + 100 atRandom);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>wrapFlag: true;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>hideHScrollBarIndefinitely.</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>row</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>addMorphBack: label;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>addMorphBack: {inputSingle.inputMulti} atRandom.</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre"> </span>container addMorphBack: row].</div><div><br></div><div>container openInHand.</div></div><div><br></div><div>Best,</div><div>Marcel</div><div class="mb_sig"></div>
<blockquote class="history_container" type="cite" style="border-left-style: solid;border-width: 1px;margin-top: 20px;margin-left: 0px;padding-left: 10px;min-width: 500px">
<p style="color: #AAAAAA; margin-top: 10px;">Am 23.04.2018 00:35:31 schrieb John-Reed Maffeo <jrmaffeo@gmail.com>:</p>_______________________________________________
Beginners mailing list
Beginners@lists.squeakfoundation.org
http://lists.squeakfoundation.org/mailman/listinfo/beginners
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><div dir="ltr">In case the image embedded in the email did not come through; left image == asis.png, right image ==ShouldBe.png.<div><br></div><div>Thanks!</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Sun, Apr 22, 2018 at 8:44 AM, John-Reed Maffeo <span dir="ltr"><<a href="mailto:jrmaffeo@gmail.com" target="_blank">jrmaffeo@gmail.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin: 0 0 0 .8ex;border-left: 1px #ccc solid;padding-left: 1ex;min-width: 500px"><div dir="ltr"> I am trying to adjust the layouts of PluggableTextMorphs to eliminate scrollers and expand the boundaries to display larger blocks of text. Left image is current state, right image is what I would like to see. The attached change set contains the method that I use to create each row.<div><br></div><div>Right image was resized using the Halo.</div><div><br></div><div>Perhaps the question to ask is, "How do I create a PluggableTextMorph of a given width with the height set to a value large enough to contain all of the text?"<br><div><br></div><div>Thanks in Advance, jrm<br><div><br></div><div><br><div><img src="" width="544" height="303"></img><br><br></div></div></div></div></div>
</blockquote></div><br></div>
</blockquote></div>