Hi Leon, Leon Wang wrote:

Hi Marius, Thank you for your help! I am quite touched you actually tried to load the Mail example in Xwiki page. I followed your code in the 1.6 version. Here is the screenshot link: http://picasaweb.google.com/lh/sredir?uname=freeleons&target=PHOTO&id=539045... It seems works on Firefox (It is clickable but still something broken maybe it is the sizing not right) it does not work on Google Chrome at all. At the top of the page Firefox can display it well Chrome will display nothing. At the bottom of the page both on Chrome and Firefox will display these:

// xwe.onInjectionDone('xwe') //

// xwe.onInjectionDone('xwe') //

// xwe.onInjectionDone('xwe') //

// xwe.onInjectionDone('xwe') //

<script defer="defer"> moduleName.onInjectionDone('moduleName') </script> is generated by GWT's default bootstrapper. Make sure you include the moduleName.nocache.js file just once. Also make sure you use the JavaScript file extension plugin $xwiki.jsfx.use("path/to/moduleName.nocache.js") to include the JavaScript code so that it ends up in your HTML page's head not body, otherwise the JavaScript code might be parsed as wiki syntax before reaching the browser and thus will be messed up.

Here is the screenshot: http://picasaweb.google.com/lh/sredir?uname=freeleons&target=PHOTO&id=539045... It completely broken and nothing clickable. Later I found the srollbar disable because this line in the Mail source code: Window.enableScrolling(false);

Thank you for your help so I can get this far. Do you know why the the Mail appear both at the very top of the page and also at the very bottom of the page, and the bottom is completely broken? The mail.nocache.js successfully loaded according to firebug.

And here is my code:

public void onModuleLoad() {

loadingUI();

}

private void loadingUI(){

String hookId = "DR_TreeView";

Element hook = DOM.getElementById(hookId);

if (hook == null) {

return;

}

// Prepare the DOM

Element container = DOM.createDiv();

String containerId = hookId + "_container";

container.setId(containerId);

hook.getParentElement().replaceChild(container, hook);

DockPanel outer = initialUI();

RootPanel.get(containerId).add(outer);

// Call the window resized handler to get the initial sizes setup. Doing

// this in a deferred command causes it to occur after all widgets' sizes

// have been computed by the browser.

DeferredCommand.addCommand(new Command() {

public void execute() {

onWindowResized(Window.getClientWidth(), Window.getClientHeight());

}

});

onWindowResized(Window.getClientWidth(), Window.getClientHeight());

Why do you call onWindowResized twice? The comment says it should be called just once with a deferred command so that it gets executed after all the widgets are rendered. Otherwise your code looks good. Hope this helps, Marius

}

Thank you a lot!

-Leon _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs