Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I think the problem is that when the Grid is drawn, it draws each row from top to bottom, and within each row the items left to right. So the row-spanned &lt;mx:TextArea&gt; item is drawn first extending down into the area of the 2 next rows, which get drawn after and on top.</p> <p>The quickest way around I can see would be to draw the row borders on the &lt;mx:GridItem&gt;s instead, skipping the left and right edges based on the item's placement in the row. Something like this:</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"&gt; &lt;mx:Style&gt; Grid { background-color: white; horizontal-gap: 0; } GridItem { padding-top: 5; padding-left: 5; padding-right: 5; padding-bottom: 5; background-color: #efefef; border-style: solid; border-thickness: 1; border-color: black; } .left { border-sides: top, bottom, left; } .right { border-sides: top, bottom, right; } .center { border-sides: top, bottom; } &lt;/mx:Style&gt; &lt;mx:Grid&gt; &lt;mx:GridRow&gt; &lt;mx:GridItem styleName="left"&gt; &lt;mx:Label text="Label"/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem styleName="center"&gt; &lt;mx:ComboBox/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem styleName="center"&gt; &lt;mx:Label text="Label"/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem styleName="right"&gt; &lt;mx:ComboBox/&gt; &lt;/mx:GridItem&gt; &lt;/mx:GridRow&gt; &lt;mx:GridRow&gt; &lt;mx:GridItem styleName="left"&gt; &lt;mx:Label text="Label"/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem styleName="center"&gt; &lt;mx:TextInput/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem colSpan="2" rowSpan="3"&gt; &lt;mx:VBox width="100%" height="100%"&gt; &lt;mx:Label text="Label"/&gt; &lt;mx:TextArea width="100%" height="100%"/&gt; &lt;/mx:VBox&gt; &lt;/mx:GridItem&gt; &lt;/mx:GridRow&gt; &lt;mx:GridRow&gt; &lt;mx:GridItem styleName="left"&gt; &lt;mx:Label text="Label"/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem styleName="center"&gt; &lt;mx:TextInput/&gt; &lt;/mx:GridItem&gt; &lt;/mx:GridRow&gt; &lt;mx:GridRow&gt; &lt;mx:GridItem styleName="left"&gt; &lt;mx:Label text="Label"/&gt; &lt;/mx:GridItem&gt; &lt;mx:GridItem styleName="center"&gt; &lt;mx:TextInput/&gt; &lt;/mx:GridItem&gt; &lt;/mx:GridRow&gt; &lt;/mx:Grid&gt; &lt;/mx:Application&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload