0

Visual Editor problem with layouts

asked 2008-11-10 16:41:43 +0800

ziccardi gravatar image ziccardi
321 7

updated 2008-11-10 16:42:13 +0800

There is a problem with the visual editor on windows.
The following code, do not renders correctly on WINDOWS, while it renders ok on my UBUNTU Linux.

<?page id="testZul" title=" New ZUL Title" cacheable="false" 
	language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit"?>



<zk xmlns="http://www.zkoss.org/2005/zul"
	xmlns:h="http://www.w3.org/1999/xhtml"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
	<borderlayout apply="it.intesa.zk.test.composers.CTestComposer">
		<north collapsible="true">
			NORTH
		</north>
		<west flex="true" maxsize="250" title="MENU">
			<tree>
				<treechildren>
					<treeitem>
						<treerow>
							<treecell label="ITEM1" forward="onClick=onSelect(ITEM1)"/>
						</treerow>
					</treeitem>
					<treeitem>
						<treerow>
							<treecell label="ITEM2" forward="onClick=onSelect(ITEM2)"/>
						</treerow>
					</treeitem>
				</treechildren>
			</tree>
		</west>
		<center border="none" flex="true"  style="overflow-y:auto;">
			CENTER
		</center>
		
	</borderlayout>
</zk>

If you remove the tree, the page is rendered correctly...

delete flag offensive retag edit

5 Replies

Sort by ยป oldest newest

answered 2008-11-11 01:04:54 +0800

dennis gravatar image dennis
3679 1 6
http://www.javaworld.com....

updated 2008-11-11 02:24:26 +0800

What is the correctly means?
I run your example in zk demo, the real runtime, but I can't figure out your problem, even remove the tree .
:(

link publish delete flag offensive edit

answered 2008-11-11 07:48:28 +0800

ziccardi gravatar image ziccardi
321 7

updated 2008-11-11 08:50:50 +0800

Here are the two screenshot.

This is how it appears on windows: http://img120.imageshack.us/my.php?image=vewingr9.png

This is how it appears on Linux : http://img120.imageshack.us/my.php?image=velinuxaw8.png

One more thing: the problem occurres only inside the visual editor (the web application renders ok).

link publish delete flag offensive edit

answered 2008-11-11 14:30:31 +0800

dennis gravatar image dennis
3679 1 6
http://www.javaworld.com....

visual editor is a real WYSIWYG, which means it run real zk up.
this happens in borderlayout, the outer component's(ve container) width and height will effect borderlayout in different browser.
i think the zkdemo will fail to render/show you case in ubuntu.

could you try to add width and height of borderlayout to 100% to see if it still wrong in design time?

link publish delete flag offensive edit

answered 2008-11-11 15:52:26 +0800

ziccardi gravatar image ziccardi
321 7

updated 2008-11-11 15:54:45 +0800

I changed the code to the following, but the result didn't change much (on ubuntu it's ok)...

<zk xmlns="http://www.zkoss.org/2005/zul"
	xmlns:h="http://www.w3.org/1999/xhtml"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
	<borderlayout apply="it.intesa.zk.test.composers.CTestComposer" width="100%" height="100%">
		<north collapsible="true">
			NORTH
		</north>
		<west flex="true" maxsize="250" title="MENU">
			<tree>
				<treechildren>
					<treeitem>
						<treerow>
							<treecell label="ITEM1" forward="onClick=onSelect(ITEM1)"/>
						</treerow>
					</treeitem>
					<treeitem>
						<treerow>
							<treecell label="ITEM2" forward="onClick=onSelect(ITEM2)"/>
						</treerow>
					</treeitem>
				</treechildren>
			</tree>
		</west>
		<center border="none" flex="true"  style="overflow-y:auto;">
			CENTER
		</center>
		
	</borderlayout>
</zk>

link publish delete flag offensive edit

answered 2008-11-12 13:46:46 +0800

dennis gravatar image dennis
3679 1 6
http://www.javaworld.com....

Ok, I think this is kind of borderlayout problem of zk.
anyway, please post it to Studio Bug, we will try to figure out it,
no matter the problem belong to zk or zk studio,
thanks a lot , :)

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: 2008-11-10 16:41:43 +0800

Seen: 996 times

Last updated: Nov 12 '08

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