Bilbosax opened a new issue #1073:
URL: https://github.com/apache/royale-asjs/issues/1073
I have created an app that is responsive, using the ResponsiveView much like
it is used in Tour De Jewel. One of the Components that I put inside of the
ResponsiveView contains a ScrollableGrid. The ScrollableGrid contains a lot of
components like sliders, textinputs, checkboxes, and labels. I set it up to
use a BasicLayout so I can put the components wherever I need within the
ScrollableGrid, and I have to place them manually by calculating widths of
components. Tracing out width data from the various components shows that the
Labels width is the same as the ScrollableGrid container that they are placed
into, meaning that they are set to 100% of the width. I don't want this, I
need all the components to be the width that they display on the screen. A
label set next to a textInput will actually cover the textInput so that I can't
enter text into the component. Is this a bug with the Label or ScrollableGrid,
or is it an effect of being inside of ResponsiveView? I need some s
ort of alternative where I can place Labels where I need them without causing
scrollbars to appear and without them being so wide that they cover other
components. Here is the basic structure where I am seeing the problem. In
this example, which is in a component that is placed in the ResponsiveView, the
Label "stateLabel" traces the same width as the ScrollableGrid "middle" even
though it only has 5 letter in the text.
```
<j:ScrollableGrid localId="middle">
<j:beads>
<j:BasicLayout/>
</j:beads>
<j:Label localId="stateLabel" text="State"/>
</j:ScrollableGrid>
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
[email protected]
