0

Scrolling help with Panel and Div

asked 2010-06-29 12:43:12 +0800

diego898 gravatar image diego898
246 3

updated 2010-06-29 12:43:38 +0800

Hello all,

I need some help with being able to scroll. Right now, in both the textbox and the html element I have, when the text gets long enough to either horizontally or vertically, I cant scroll so I loose the text. Any help you can provide would be great!

Here is the index.zul file:

<window width="100%" apply="com.testing.MyComposer">
<borderlayout height="400px">
	<center border="0">
		<borderlayout>
			<west size="33%" border="0"  splittable="true" collapsible="true">
<panel id="fileEx" height="100%" width="100%" style="margin-bottom:10px"
    title="Explorer" border="normal" >    
    <panelchildren>
<borderlayout>
			<west id="west" size="50%" title="" > 
				<tree id="explorerTree" zclass="z-dottree" >
					<treecols>
						<treecol label="Name"/>
						<treecol label="Files"/>
					</treecols>
				</tree>
			</west>
			<center >
				<listbox id="explorerBox" >
					<listhead>
						<listheader label="Name"/>
						<listheader label="Size"/>
						<listheader label="Modify Date"/>
						<listheader label=""/>
					</listhead>
				</listbox>
			</center>
		</borderlayout>
 </panelchildren>    
</panel>
			</west>
			<center border="0" >

<panel height="100%" width="100%" style="margin-bottom:10px"
    title="Editor" border="normal"  >    
    <panelchildren>
<textbox id="plainInput" width="100%" rows="40" forward="onChange=onPlainInput"/>

</panelchildren>
</panel>

			</center>
			<east size="33%" border="0"  splittable="true" collapsible="true">

<panel height="100%" width="100%" style="margin-bottom:10px"
    title="Output" border="normal">    
    <panelchildren>
<html id="mOutput" >

</html>
</panelchildren>
</panel>

			</east>
		</borderlayout>
	</center>
</borderlayout>
			
			
</window>

Here is the string that I place inside the html element:

"<div style='white-space: pre-wrap; overflow:auto; position:relative;'>" + "MY LONG CONTENT HERE" + "</div>"

Scroll help!

delete flag offensive retag edit

2 Replies

Sort by ยป oldest newest

answered 2010-06-30 16:35:27 +0800

diego898 gravatar image diego898
246 3

Any help would be great!

link publish delete flag offensive edit

answered 2010-07-02 01:43:48 +0800

603424 gravatar image 603424
127 3

try adding autoScroll="true" in center and east borderlayout where you have put textbox and html element

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2010-06-29 12:43:12 +0800

Seen: 1,497 times

Last updated: Jul 02 '10

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More