Let's say that I have a <j:Form> like this:
<j:Form>
<j:FormItem label="Stack Trace">
<html:Pre text="{myStackTrace}"/>
</j:FormItem>
</j:Form>
The variable myStackTrace is a string that contains the stack trace from an
error, and I would like it to scroll horizontally if any of the lines are
too long to appear on screen.
Example stack trace with long lines:
expected: <2> to be equal to <1> Error
at new org.apache.royale.test.AssertionError
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/AssertionError.js:32:34)
at Function.org.apache.royale.test.Assert.failWithUserMessage
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/Assert.js:275:9)
at Function.org.apache.royale.test.Assert.failNotEquals
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/Assert.js:201:35)
at Function.org.apache.royale.test.Assert.assertEquals
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/Assert.js:67:33)
at tests.SuiteTestsA.myTestB
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/tests/SuiteTestsA.js:41:33)
at org.apache.royale.test.runners.MetadataRunner.runTestMethods
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/runners/MetadataRunner.js:123:22)
at org.apache.royale.test.runners.MetadataRunner.run
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/runners/MetadataRunner.js:82:10)
at
org.apache.royale.test.runners.SuiteRunner.org.apache.royale.test.runners.ParentRunner.createNextRunner
(file:///C:/Users/josht/Development/Work/PrintUI/RoyaleUnitSandbox/bin/js-debug/org/apache/royale/test/runners/ParentRunner.js:168:25)
As best I can tell, I need to use a <j:Container> with
<j:ScrollingViewport> to create a scrollable region. If I set the width of
the <j:Container> to a pixel value, it will scroll horizontally:
<j:Container width="200">
<j:beads>
<j:ScrollingViewport/>
<j:VerticalLayout/>
</j:beads>
<html:Pre text="{myStackTrace}"/>
</j:Container>
However, I would like it to have a fluid layout that takes up as much
horizontal space as possible. percentWidth="100" doesn't seem to work. I
suspect that there are some specific flexbox styles that are necessary, but
I can't seem to figure out which ones.
--
Josh Tynjala
Bowler Hat LLC <https://bowlerhat.dev>
