Our new app uses EXT.JS

[floydprice]

Hey guys,

I thought I would share with you some screen shots (http://blog.codespaces.com) of our new application that uses EXT.JS

I have found EXJ.JS to be a real pleasure to work with, I have used several 3rd party components in the past and I can say that this is the best and most well thought out set of components I have ever come accross.

Thanks Guys.

[KimH]

For future reference you should link directly to the post (http://blog.codespaces.com/articles/2007/07/03/a-quick-preview) instead of to the 'front page' of the blog.

[jack.slocum]

Looks nice! Thanks for sharing the links.

[violinista]

Great app! Thanks for sharing.

I'm interested how you created such a two-line toolbar below tabs, with large heading (as on the screenshot)?

[floydprice]

It was actually very easy, I have three Div's inside the big blue blob, top div contains toolbar one, middle div is styled to look like nice HR and the bottom div contains the other toolbar.

A little css to get the margins right and thats about it ;)

[violinista]

Looks nice! And how do you created BBB (Big Blue Blob)? :) Is there Ext's standard method to produce it or not? Thank you.

[floydprice]

Sorry about the formatting, but this is the HTML for the big blue blob, EXT provides the CSS and images (check out the examples)



<div class="x-box-blue">
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
<div class="x-box-ml"><div class="x-box-mr"><div style="height: 50px;" class="x-box-mc">
CONTENTS OF BLIG BLUE BLOB

</div></div></div>
<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
</div>

[violinista]

Thank you very much!

[aconran]

Great work!

I also like the 2 line toolbar with the rounded edges [or BBB]. :)

[brian.moeskau]

Very nice use of boxWrap! Looks sharp.

[jthomps]

I thought I would share with you some screen shots (http://blog.codespaces.com) of our new application that uses EXT.JS
Hi, that's a great looking application, nice job... Would you share which Ext components you used to create this visual arrangement?

For example, are you using Ext.BorderLayout, Ext.TabPanel, Ext.GridPanel, etc? What component is used to create the content at top, including the page title, user login info, and project list combobox?

Thanks,

jthomps

[floydprice]

Well you actually got it in one! I'm using Ext.BorderLayout, Ext.TabPanel, Ext.GridPanel, Ext.tree.TreePanel, Ext.Toolbar and various Ext.form.* elements.

The rest of the layout is just Div tags and css for positioning, the layout is fluid width and height so it always takes up 100% of the browser window.

When i release the first Beta (later this month) you will be able to see first hand which components I'm using and even "borrow" some css if yo need to ;)

[jthomps]

When i release the first Beta (later this month) you will be able to see first hand which components I'm using and even "borrow" some css if yo need to ;)
Thanks floydprice... Looking forward to your first Beta...

[floydprice]

Me Too!!! :D

[floydprice]

Our application hass been in Beta for 3 days and the response to the UI functionality has been amazing, I owe a big thanks to you guys for creating such wonderful components.