How do you use yui-ext? Post your screenshots

[Skeleton]

I have thought that this would be an inspiring thread for newbies like me. So would you please send a screenshot of your web site/application to this thread? Even better, a link to it. So we can use it interactively.

[BernardChhun]

this is our pre-alpha french real estate search engine: http://dev.waka.ca/bc/

Keep in mind we are working on it so if something breaks (like a XHR call to the server), you don't have to tell me :wink: Some other features are there visually but aren't working.

any comments are welcome.

oh and to start using it, click on Nouvelle Recherche on the upper left corner toolbar.

[Animal]

I have posted my ListManager a few times.

It's moved on a little. Now, every Entity instance (database row) has, optionally, an image (using a Hibernate embedded object) which may be held as either the image data as a BLOB, or the URL.

If no image exists for the instance, there is a control table with a row for each Entity class from which a default icon for that Entity class can be found (eg, say a globe for the "Country" class if no individual flag is set up in that Country's row)

So I have just written a neat little icon upload widget which can be popped up for any Entity, either for the Entity's class, or for a particular instance (database row)

Here, you can see the countries in the test database have flags associated with them, and I am uploading an icon to represent myself on the User table.

I can either upload a file, or specify a URL.

If I specify a URL, I can either specify a one-time load of the BLOB from that URL, or that whenever the image for that Entity instance is requested, it should be read from the URL. The form is submitted to an iframe whch is in the "center" Region, and the servlet responds with the image content.

Obviously, in general usage, the images are read from a servlet in my app which provides the data: http://localhost/aspicio/GetEntityImage.do?entity=Country[&id=1]

The <img> tags are generated in such a way as to maximize caching: when generating an <img> tag for a row which doesn't have its own image, it sends the URL as the URL for that class (no "id" parameter sent). 90% of the time, a row will not have it's own image, so there'll only be one request for an image from the browser when a grid is displayed.

If the servlet is asked for an image for an instance which has none, it will fall back to returning the image for the class.

http://i131.photobucket.com/albums/p286/TimeTrialAnimal/IconUpload.jpg

[genius551v]

Hi Animal,

I see your app, i think that look is Great. I have a question, i saw a element "Select" in la app, can you shared your code for this element???

Tnks anyway,

Genius551v

[Animal]

Huh :?: :?: :?:

[daviferreira]

This is something I'm working on. It's a system to help model casting process. I'm using basic Ext stuff for now, only border layout, tabs and basic dialogs, and will probably use the new grid for the search results.

http://www.daviferreira.com/ext/dbrcast.jpg

[genius551v]

:oops:

in the imagen in your post up, i see a index: "Units distance: ->select element: KM<-" or "Units mesure: ->select element: METRIC<-" or "Area position: ->select element: NA<-"

can you share your code for the select element.

sorry for my english

tnks

[Animal]

Just normal HTML!


<select class="asp-input-element" id="countryForm_unitsDistance" name="unitsDistance">
<option selected="selected" value="0">KM</option>
<option value="1">MILES</option>
</select>


Of course the JSP code is just:


<aspicio:select entity="<%=entity%>" property="unitsDistance"/>


And because it's a Java 5.0 Enum class, it can populate the options with the values...

[jack.slocum]

Davi, that looks sweet!

[ericd]

Davi, very nice work, the models ummm I mean the app looks nice :) Good job

[Animal]

Yeah Davi, that's supercool. I love that sleek black theme. Your clients/bosses are going to love you!

[genius551v]

just a test....

http://i166.photobucket.com/albums/u89/genius551v/yuiext/screen_dialog_resize.jpg

[dn2965]

HI
this nice bar how to build it
http://i127.photobucket.com/albums/p138/dn2965/33.jpg

i really want to know that you app how to build
like toolbar on the contentpanel

it is very nice for my project , so please tell me hot to add the "nice bar !" to panel

thanks!

[Animal]

That's just a standard Ext Toolbar.

It comes with a paged Grid. I just used the Toolbar API to add a couple of extra buttons.

[j_l]

We're entering beta testing for our app. It's an online document collaboration system. It's Rails based and I've integrated FCKEditor as well. Did a little modding to some of the controls to get other icons and things to appear. Seriously, I don't think our app would work as good as it does w/out all of Jack's hard work. Thanks! :D

http://www.jasonlee.members.sonic.net/images/shot.png

[cbetancourt]

http://farm1.static.flickr.com/131/398325702_293a9eb23d_o.gif

[jack.slocum]

Looking good Claude!