A is for APEX and Accordion

I had someone internal at Oracle ask for an Accordion widget in APEX. I figured everybody else code use something like this so I figured I'd build out an example in the standard place.

I think the best and easiest way to do this is to base it on a Report Row Template.

There are some caveats to this example.

The first being that #REGION_STATIC_ID# isn't properly substituted in a Report Row Template, I put it in anyway since at some point it will be. All you have to do is surround the report with element with an id or give the report itself an id , this actually isn't a bad idea as I figure most people will only want one of these per page.

The second is if you put multiple accordions on a page the row id has to be unique which is pretty easy to do in the SQL statement.


The accordian can be instatied on page load like this
pAccordian = new Accordion('accordion',true);

The first parameter is the id for the surrounding element.
The second parameter chooses between firing onmouse over (true) or onclick (false).

So here you go,

http://apex.oracle.com/pls/otn/f?p=11933:130

Enjoy

7 Comments:

  1. Patrick Wolf said...
    Carl, nice accordion example! I like the clickable one more, because the other one is to hectic when you just move your mouse around.

    Patrick
    John Scott said...
    Yeah I agree, very nice example. A nice addition to the mouseover one would be a delay (e.g. 500ms) so that it doesn't automatically expand until you leave your cursor over it for that period of time.
    pay per head service said...
    I really enjoy reading the post, thanks for sharing I really like it, I already bookmarked it, thank you guys.
    Anonymous said...
    Good job. Thanks for sharing such a good post.
    click here
    Anonymous said...
    Healthybodyinc phytoceramide said...
    Yep My partner and i acknowledge, comfortable illustration. A good improvement on the mouseover just one would be a wait (e. h. 500ms) in order that it does not automatically grow until you abandon the cursor in excess of this with the period of time.Healthybodyinc phytoceramide
    karya ismail said...
    Anda mencari produk Furniture Jepara dengan desain minimalis ataupun klasik asli mebel jepara dengan harga murah. kami menyediakan berbagai tipe atau model produk Mebel Jepara terutama dengan menggunakan material kayu jati. Disni saya menjual produk produk mebel mulai dari kursi tamu minimalis meja makan jati tempat tidur dan sebagainya. Untuk indormasi lebih lanjut anda bisa langsung menuju katalog website kami.
    Produk produk yang kami tawarkan mempunyai kualitas tinggi dan kami menawarkannya dengan harga yang cukup terjangkau, tentunya kualitas produk tersebut akan kami jaga. Produk Furniture Minimalis selalu banyak diminati oleh banyak konsumen baik itu dari dalam maupundari luar negri. Banyak sekali turis turis asing berbondong bondong ke jepara dengan tujuan yang sama seperti anda yaitu untuk mencari produk Kursi Tamu.
    Kami Cv. Karya Priboemi Jepara sebagai produksen furniture memberikan anda kemudahan untuk berbelanja produk furniture jepara dengan aman melalui transaksi online, kami menyediakan berbagai model di dalam katalog website kami. Anda cukup duduk santai di ruamh, kami kerjakan produk pesanan anda dan tentunya kami akan memberikan garansi jika produk tidak sampai ke tangan anda ataupun produk Furniture Jepara yang anda pesan, kami proses dengan sangat terkontrol, baik itu dalam hal pemilihan kayu, proses kontruksi, pahatan ukir hingga proses finishing. Oleh karena itu kami sebagai perusahaan Furniture Jati selalu mengutamakan kualitas produk serta ramah kepada anda.
    Jepara memang dikenal sudah sejak lama sebagai kota industri Furniture Jepara terbesar oleh beberapa negara. Kota Jepara sendiri selalu menjadi langganan aktif dalam setiap pengadaan pameran furniture Furniture Jati.
    Banyak sekali produk produk yang di tawarkan satunya yang menjadi produk unggulan mebel jepara yaitu Kursi Tamu Jati yang sangat cantik dengan keaslian ukiran khas mebel jepara yang meja makan, set meja makan dan banyak lainnya.
    Oleh karena itu mulai dari lima tahun terakhir kami sudah mengembangkan untuk pembelian produk furniture dengan menawarkannya di Toko Furniture Online yang sudah furniture tersebut diatas tadi di katalog produk kami tersebut disini Furniture jepara Online banyak sekali yang dapat anda Furniture Jati secara online dengan Jadi apabila anda ada keluhan saat bertransaksi Furniture Online dengan kami, jaminan keamanan 100% di toko kami Toko Mebel Online produk produk kami berkualitas karena dikerjakan Tempat Tidur Jati kami sudah mulai membuka pemesanan dengan anda cukup dengan santai diruamh, anda tinggal menyodorkan bagaimana produk Tips Furniture

Post a Comment