Thanks Greg,
I tried to update the content Pane with TablePane instead of the
BoxPane, This helped to stretch the contents to the width of the
windows, which wasn't happening previously,
But still the Scrollbar doesn't appear till the point i restrict the
Preferred Width or Height at the design time.
In other case , the list of the elements were Cut down and the elements
are not displayed.
However, i would like the scrollpane to react to the resizing of the
window, and the user should be able to have access (using Scroll bars)to
all the elements regardless of the size of the parent Window.
Whats missing here to achieve this?
Attached is the updated bxml.
Thanks and Regards,
Pavan
On 29/08/2011 10:43 PM, Greg Brown wrote:
I think the problem is that you are using a BoxPane as your window's content element. Try removing
that and making the TablePane the window content. Also be sure to set width="1*" on the
TablePane.Column and height="1*" on the TablePane.Row.
On Aug 27, 2011, at 3:33 AM, pavan vadavalli wrote:
Hi ,
I would like to understand the usage of ScrollPane. Tutorial has just ImageView
example
Here i did a small test to add several Push Buttons to Boxpane added to a
Scroll Pane, But i dont see any Scroll Bar coming up.
Attached is the bxml test for Scroll pane.
Can someone please help.
Thanks and Regards,
Pavan
<ScrollPaneTest.bxml>
<Window xmlns:bxml="http://pivot.apache.org/bxml";
xmlns="org.apache.pivot.wtk" >
<TablePane>
<columns>
<TablePane.Column width="1*"/>
</columns>
<TablePane.Row height="1*">
<ScrollPane bxml:id="taskBarScrollPane"
horizontalScrollBarPolicy="fill_to_capacity"
verticalScrollBarPolicy="fill_to_capacity">
<BoxPane bxml:id="boxPane">
<PushButton buttonData="0"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="1"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="2"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="3" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="4" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="5" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="6"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="7"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="10"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="11"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="12"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="13" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="14" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="15" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="16"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="17"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="20"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="21"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="22"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="23" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="24" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="25" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="26"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="27"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="30"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="31"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="32"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="33" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="34" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="35" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="36"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="37"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="40"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="41"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="42"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="43" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="44" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="45" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="46"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="47"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="50"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="51"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="52"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="53" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="54" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="55" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="56"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="57"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="60"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="61"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="62"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="63" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="64" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="65" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="66"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="67"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="71"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="72"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="73" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="74" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="75" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="76"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="77"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="80"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="81"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="82"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="83" preferredWidth="20"
preferredHeight="20"/>
<PushButton buttonData="84" preferredWidth="30"
preferredHeight="30"/>
<PushButton buttonData="85" preferredWidth="40"
preferredHeight="40"/>
<PushButton buttonData="86"
styles="{minimumAspectRatio:1.5}"/>
<PushButton buttonData="87"
styles="{minimumAspectRatio:1.5}"/>
</BoxPane>
</ScrollPane>
</TablePane.Row>
</TablePane>
</Window>
