<div dir="ltr">Marcel,<div><br></div><div>Thank you. I will work through this example and see if I can use your ideas in my solution.</div><div><br></div><div>-jrm</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Wed, Apr 25, 2018 at 3:36 AM, Marcel Taeumel <span dir="ltr"><<a href="mailto:marcel.taeumel@hpi.de" target="_blank">marcel.taeumel@hpi.de</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div id="m_-4535842651674718392__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"></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="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>((1 to: num)</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>collect: [:ea | Symbol allSymbols atRandom asString])</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>joinSeparatedBy: ' '].</div><div><br></div><div>container := Morph new.</div><div>container</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>color: Color sky;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>layoutPolicy: TableLayout new;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>listDirection: #topToBottom;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>cellInset: 5;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>layoutInset: 5;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>extent: 500@1000.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span></div><div>10 timesRepeat: [</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>| row label inputSingle inputMulti |</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>row := Morph new.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>row</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>color: Color aqua;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>layoutPolicy: TableLayout new;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>listDirection: #leftToRight;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>cellPositioning: #topLeft;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>cellInset: 5;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>layoutInset: 5;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>hResizing: #spaceFill;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>vResizing: #shrinkWrap.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>label := Symbol allSymbols atRandom asText asMorph.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>label</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>autoFit: false;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>width: 150.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>inputSingle := PluggableTextMorph new.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>inputSingle</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>setText: (loremIpsum value: 3 atRandom);</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>hResizing: #spaceFill;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>height: TextStyle defaultFont height * 1.5;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>wrapFlag: false;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>acceptOnCR: true;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>hideScrollBarsIndefinitely.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>inputMulti := PluggableTextMorph new.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>inputMulti</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>setText: (loremIpsum value: 10 atRandom);</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>hResizing: #spaceFill;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>height: (50 + 100 atRandom);</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>wrapFlag: true;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>hideHScrollBarIndefinitely.</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>row</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>addMorphBack: label;</div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>addMorphBack: {inputSingle.inputMulti} atRandom.</div><div><br></div><div><span class="m_-4535842651674718392Apple-tab-span" style="white-space:pre-wrap"> </span>container addMorphBack: row].</div><div><br></div><div>container openInHand.</div></div><div><br></div><div>Best,</div><div>Marcel</div><div class="m_-4535842651674718392mb_sig"></div>
<blockquote class="m_-4535842651674718392history_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 <<a href="mailto:jrmaffeo@gmail.com" target="_blank">jrmaffeo@gmail.com</a>>:</p>______________________________<wbr>_________________
Beginners mailing list
<a href="mailto:Beginners@lists.squeakfoundation.org" target="_blank">Beginners@lists.<wbr>squeakfoundation.org</a>
<a href="http://lists.squeakfoundation.org/mailman/listinfo/beginners" target="_blank">http://lists.squeakfoundation.<wbr>org/mailman/listinfo/beginners</a><div><div class="h5">
<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 width="544" height="303"><br><br></div></div></div></div></div>
</blockquote></div><br></div>
</div></div></blockquote></div><br>______________________________<wbr>_________________<br>
Beginners mailing list<br>
<a href="mailto:Beginners@lists.squeakfoundation.org">Beginners@lists.<wbr>squeakfoundation.org</a><br>
<a href="http://lists.squeakfoundation.org/mailman/listinfo/beginners" rel="noreferrer" target="_blank">http://lists.squeakfoundation.<wbr>org/mailman/listinfo/beginners</a><br>
<br></blockquote></div><br></div>