ANN:gwt-yui-ext Demos
www.gtraffic.info
Basic Dialog
==========
http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads.test.dialog.BasicDialogApp/
LayoutDialog
==========
http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads.test.dialog.LayoutDialogApp/
Grid
====
http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads.test.grid.BasicGridApp/
Still the same loading code but I have added event manager to handle
click/dblclicks
BorderLayout
===========
http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads.test.layout.BorderLayoutPanelApp/
Resizable
===========
http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads.test.resizable.ResizableApp/
Animation doesn't work (does anyone know why??)
You can get all this source code from:
http://code.google.com/p/gwt-yui-ext/
The main source trunk. All this stuff will feature in the next release
(whenever that is).
Ashutosh
First of all congrats for bringing togetther secrets of two web giants
(Google and Yahoo) together by wrapping YUI in GWT.
I have been using your yui-ext for a while and its cool. Currently, I
am facing a problem. Following js are included in my head tag :
<script type="text/javascript" src="js/yui/utilities_2.1.0.js"></
script>
<script type="text/javascript" src="js/yui-ext.0.33-rc3/yui-ext.js"></
script>
<script type="text/javascript" src="js/yui/yahoo.js"></script>
<script type="text/javascript" src="js/yui/event.js"></script>
<script type="text/javascript" src="js/yui/dom.js"></script>
<script src="js/simile/timeline-api.js" type="text/
javascript"></script>
and I am trying to use Resizable app located here :
http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads.test.resizable.ResizableApp/
I have checked out current code from svn and now GWT shell throws
error when I am adding my layoutPanel to RootPanel that is at
RootPanel.get().add(layoutPanel); where layoutPanel is my root panel
which has various other panels and stuff. layoutPanel is of type
BorderLayoutPanel (import
com.netthreads.gwt.yuiext.client.BorderLayoutPanel;)
Shell throws this error:
ERROR] Unable to load module entry point class org.fun.client.KoolApp
com.google.gwt.core.client.JavaScriptException: JavaScript TypeError
exception: ce.fireDirect has no properties
at
com.google.gwt.dev.shell.moz.ModuleSpaceMoz.invokeNative(ModuleSpaceMoz.java:
229)
at
com.google.gwt.dev.shell.moz.ModuleSpaceMoz.invokeNativeHandle(ModuleSpaceMoz.java:
121)
at
com.google.gwt.dev.shell.JavaScriptHost.invokeNativeHandle(JavaScriptHost.java:
93)
at
com.netthreads.gwt.yuiext.client.BorderLayoutImpl.create(BorderLayoutImpl.java:
29)
at
com.netthreads.gwt.yuiext.client.BorderLayout.create(BorderLayout.java:
37)
at
com.netthreads.gwt.yuiext.client.BorderLayoutPanel.create(BorderLayoutPanel.java:
138)
at
com.netthreads.gwt.yuiext.client.BorderLayoutPanel.onLoad(BorderLayoutPanel.java:
127)
at com.google.gwt.user.client.ui.Widget.onAttach(Widget.java:91)
at com.google.gwt.user.client.ui.Panel.onAttach(Panel.java:81)
at com.google.gwt.user.client.ui.Widget.setParent(Widget.java:151)
Note that this error goes away when I comment out event.js from my
host html page. But if I remove this js, panel contained in a
Resizable widget remains no more resizable though they can be dragged.
I am also not very sure which js I need to include in my host html
page to use Resizable widget.
Any pointers how should I proceed to debug this further.
Cheers,
Ashutosh.
On Feb 10, 4:13 am, "www.gtraffic.info"
<alistair.rutherf...@googlemail.com> wrote:
> My last demos for a while cos I have to do some 'real' work to do.
>
> Basic Dialog
> ==========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> LayoutDialog
> ==========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> Grid
> ====http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> Still the same loading code but I have added event manager to handle
> click/dblclicks
>
> BorderLayout
> ===========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> Resizable
> ===========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
www.netthreads.co.uk
I wish I could say right away what the problem is but alas I don't
know. I haven't really tested the limits of the border layout control.
How to proceed. If you take basic borderlayout demo and stick your
resizable element into the main panel. Does it display the same thing?
The resizable includes should just be those of the demo app though I
admit there are uncleared issues around these features. I have been
holding off getting around to them as I have been (slowly) creeping
towards completion of other stuff (hence the lib is still at version
0.0.1).
I will look into this. Can you raise an issue on the gwt-yui-ext page
on this.
Al.
On Mar 16, 11:37 am, "Ashutosh" <ashutosh.chau...@gmail.com> wrote:
> Dear Al and other GWTers,
>
> First of all congrats for bringing togetther secrets of two web giants
> (Google and Yahoo) together by wrapping YUI in GWT.
>
> I have been using your yui-ext for a while and its cool. Currently, I
> am facing a problem. Following js are included in my head tag :
> <script type="text/javascript" src="js/yui/utilities_2.1.0.js"></
> script>
> <script type="text/javascript" src="js/yui-ext.0.33-rc3/yui-ext.js"></
> script>
> <script type="text/javascript" src="js/yui/yahoo.js"></script>
> <script type="text/javascript" src="js/yui/event.js"></script>
> <script type="text/javascript" src="js/yui/dom.js"></script>
> <script src="js/simile/timeline-api.js" type="text/
> javascript"></script>
>
> and I am trying to use Resizable app located here :http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
Reinier Zwitserloot
In safari it doesn't work very well.
On Feb 10, 12:13 am, "www.gtraffic.info"
<alistair.rutherf...@googlemail.com> wrote:
> My last demos for a while cos I have to do some 'real' work to do.
>
> Basic Dialog
> ==========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> LayoutDialog
> ==========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> Grid
> ====http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> Still the same loading code but I have added event manager to handle
> click/dblclicks
>
> BorderLayout
> ===========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
> Resizable
> ===========http://ccgi.arutherford.plus.com/website/yui-ext/demos/com.netthreads...
>
Ashutosh
message yesterday. It said successful and still I cant find it today .
Arghhh...
Thanks Al, for the reply. I have made some progress and thought of
sharing it with you.
After trying out various permutations, I found that "js/yui/
utilities_2.1.0.js" and "js/yui-ext.0.33/yui-ext.js" are the only js
needs to be included. Resizable app example works fine with only these
two includes.
I then tried to run two examples together. Thus, tried to include
Example5Tab from Resizable app into layout app. Since event.js (the
script which was causing problem as I stated earlier) was not in
includes app compiles fine. Also, image in layout can be dragged but
its not resizable. It doesnt resize on mouse events. Plus, dragging
also works only in firefox. In IE, neither dragging nor resizing
works.
Thats it. I am stuck there.
Also, another query for you. :)) I am not able to set size of Similie
Timeline widget. It seems to ignore all the size setting functions and
becomes big in size and then ugly scrollbars appear. I tried to
explicitly set size in constructor. That didnt work. I also tried to
set Sizes through setPixelSize() function call on timeline widget.
Even that is ignored. Any pointers??
Btw, I have entered the bug for layout widget in bug tracker.
Anyways, congrats for the wonderful work !!
Reiner,
You mean to say its working for browsers other then safari?
Cheers,
Ashutosh.
On Mar 17, 4:44 am, "www.netthreads.co.uk"
Ashutosh
code.
Cheers,
Ashutosh
On Mar 19, 2:17 am, "Reinier Zwitserloot" <reini...@gmail.com> wrote:
> Er, I don't know if it works on other browsers. I just noted a tonne
> of little problems on safari with this; the popup dialogs can only be
> opened once, after that they just grey stuff out, no popup shows up.
> The scrollbars don't "fit" and hence look fugly, and the dynamic
> resizer example doesn't resize anything except the border, stuff like
> that.
>
> Not to create the impression I'm calling the library a stack of dung,
> on the contrary: I like the entire idea behind YUI/EXT and I like a
> GWT-ification with all the benefits this will eventually entail for
> download size a lot, but, perhaps this is the wrong way to go about
> it?
>
> Optimally speaking, there shouldn't BE any dependency on the ext
> javascript, because as long as it is there, GWT can't figure out which
> parts of the script to add to the monolithic, and which part to toss.
> So, we now have the exact situation that GWT was trying to solve, and
> it doesn't get solved: If you only use one effect from the entire
> library, you're saddling yourself up with a (relative to what you're
> using) massive bandwidth hit.
>
> I created a simple effect in GWT (the ability to animate a 'morph'
> effect from one box to another; the input is [Widget | left, top,
> width, height] for start, and the same for end (where I mean: Either a
> widget, or explicit locations) and a half-opaque blue box with a
> border 'morphs' its way from the start to the end, then after that,
> calls a callback. Very nice for e.g. opening wizards (because normally
> web apps do not react instantly, the whole idea that the GUI can
> change a lot immediatly can be disconcerting to your users) or showing
> the effects of a state-changing button click (such as a button that
> adds something to a textarea - morph from button to textarea).
>
> It's 2 pages of GWT, it obviously won't get compiled into the
> monolithic if you never use it (thus you can safely toss it in any
> 'gwt-wl'-like library without worrying about bandwidth bloat), and
> because it uses only basic CSS tactics and GWT panels, it works in all
> browsers (tested on FF2/Win, FF2/Mac, FF2-macwidgets/Mac, Opera9/Mac,
> Opera9/Win, IE6, Safari2).
>
> Perhaps we should just copy the most relevant YUI-Ext stuff, style and
> all, and rewrite them from scratch; give them the proper GWT
> treatment.
>
> Of course, easy for me to say when I'm in a pickle and don't have the
> time to help you out on that front. If you need the morph code, (or if
> anyone else does), ask, I'll mail or post. It's 1 java file with no
> dependencies.
www.netthreads.co.uk
issues with combining widgets together. I had observed these already
with the resizable widget but I admit I am clueless as to why (as yet
anyway).
The plan (as far as I have one) is to get the edit grid working and
then I will revisit this control again. If you continue with your
efforts I will certainly adopt any improvements you can suggest, this
would be a great help.
The timeline widget requires it's size to be controlled by it's
parent. If you examine the TimelineTest demo you will observe that the
parent app implements 'WindowResizeListener'. This is required to pass
the browser size down to it's child elements (in this case the
timeline). You will see that TimeLineTab implements a resize function
sizes the timeline accordingly. I hope this helps.
Al.
www.netthreads.co.uk
shame. I checked the yui-ext forum and there are some issues around
the core javascript lib but nothing along the lines of what you
describe :(
I completely agree that it would be better to have these sort of
controls written in GWT and then it would be able to compile them 'in'
as is. If someone wants to port the look and feel of yui-ext to GWT
then I for one will use it but I aint coding it up, hehe.
The gwt-yui-ext is a wrapper only and as such suffers from the same
drawback as any javascript library in that you have to include the
core 'js' files. It is what it is and nothing more. Once it reaches
0.0.2 (whoo a whole 0.0.1 step up) there will be time to examine the
safari issues.
Yes, I would like to see your morphing code too. Can you put a demo
up?
Al.
> > > > com.google.gwt.dev.shell.moz.ModuleSpaceMoz.invokeNative(ModuleSpaceMoz.jav a:
> > > > 229)
> > > > at
> > > > com.google.gwt.dev.shell.moz.ModuleSpaceMoz.invokeNativeHandle(ModuleSpaceM oz.java:
> > > > 121)
> > > > at
> > > > com.google.gwt.dev.shell.JavaScriptHost.invokeNativeHandle(JavaScriptHost.j ava:
> > > > 93)
> > > > at
> > > > com.netthreads.gwt.yuiext.client.BorderLayoutImpl.create(BorderLayoutImpl.j ava:
> > > > 29)
> > > > at
> > > > com.netthreads.gwt.yuiext.client.BorderLayout.create(BorderLayout.java:
> > > > 37)
> > > > at
> > > > com.netthreads.gwt.yuiext.client.BorderLayoutPanel.create(BorderLayoutPanel .java:
> > > > 138)
> > > > at
> > > > com.netthreads.gwt.yuiext.client.BorderLayoutPanel.onLoad(BorderLayoutPanel .java:
Luciano Broussal
Impressive work!
Congrat
Regards
Luciano
On Mar 19, 12:52 pm, "www.netthreads.co.uk"
> ...
>
> read more »
