Saturday, June 18, 2011

Updated Code Bundle for "Oracle Application Express 4.0 with Ext JS"

For those of you patiently waiting for the updated code bundle, its finally available.


The bundle includes the template application shown above.
All you need to do is install the application, including the supporting objects, and then upload the web assets and Ext JS library to your web server.

When you download the code, just extract the highlighted code bundle, the other folder is the original code bundle which can be discarded (I don't know why they included it).

One last change...

Add the following CSS rules to the playpen-book.css file:

.ux-table input[type="text"] {
    background-color: #FFFFFF;
    background-image: url(/ux/extjs/resources/images/default/form/text-bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #B5B8C8;
    padding: 2px 3px 0;
    line-height: normal;
}

.ux-table input[type="text"] {
    height: 18px; 
    vertical-align: middle;
}

Gremlins, they're everywhere.

10 comments:

Anonymous said...

Hi Mark,

This is really nice.

Do you maybe have the exmaple of the File Browse (upload)?


Regards,

Anibal

Mark Lancaster said...

Hi Anibal

The code bundle includes a partial solution for uploading files.

I just use standard APEX functionality, so there is nothing special about it.

Mark

Grammar Girl said...

their => they're

ftw

Anonymous said...

Hi Mark,


I am trying to use the ExtJS fileupload instead of the APEX one but i am getting the following error message:

More files were uploaded in this request than the number of file item types defined on the page.

You may know why or have a hint on this?

Thx.

Anibal

Mark Lancaster said...

Hi Anibal

I have not used the Ext fileupload widget. I am perfectly happy using standard APEX functionality.

Mark Lancaster said...

Thanks GG, updated post.

Tomáš Kepič said...

Hi Mark,

initially, many thanks for this book and demo apps.

In demo app I'm missing for me one of the most interesting thing => demo for Tabbed document interface (Chapter 10 in book). Is it possible to include it there too?

Many thanks,
Tomas

Ian B said...

Hi Mark,

Great book.
We are stuck in a time warp here due to company SOE.
Working with Apex 3.1.0.00.32
Have an Ext JS license and using 4.0.2a.

Can I assume that ext-base.js is now inlcuded in either ext-all.js or ext-all-debug.js or bootstarp.js (goggle searches indicate all?) as there is no stand-a-lone file in this version?

Ian

Mark Lancaster said...

Hi Ian

In Ext 4, the ext-base.js file is now included in ext-all.js.

Its in the doco at http://docs.sencha.com/ext-js/4-0/#/guide/getting_started.

Mark

Anonymous said...

how can apply this code in oracle APEX ?!!!