Pages

Sunday, June 24, 2018

New Plugin: Image Gallery


Image Gallery Pluign


   Image Gallery is plugin to display images based on prettyPhoto javascript library.

  How to Use


  Create a Region, choose Type "Image Gallery[Plug-In]" and in Region source enter following code:

select 'f?p=&APP_ID.:0:&APP_SESSION.:APPLICATION_PROCESS=GETFILE:::FILE_ID:'||
your_image_id SHOW_IMAGE,
your_image_name FILENAME,
your_image_id IMAGE_ID,
 APEX_UTIL.PREPARE_URL(
    p_url => 'f?p=' ||:APP_ID || ':4:'||:APP_SESSION||'::NO::P4_ID:'||your_image_id,
    p_checksum_type => 'SESSION') IMAGE_URL
from your_table


  Create Application Process onDemand GETFILE with following code:


    begin

    for c1 in (select *

                 from your_table

                where id = :FILE_ID) loop

        --

        sys.htp.init;

        sys.owa_util.mime_header( c1.mime_type, FALSE );

        sys.htp.p('Content-length: ' || sys.dbms_lob.getlength( c1.content));

        sys.htp.p('Content-Disposition: attachment; filename="' || c1.filename || '"' );

        sys.htp.p('Cache-Control: max-age=3600');  -- tell the browser to cache for one hour, adjust as necessary

        sys.owa_util.http_header_close;

        sys.wpg_docload.download_file( c1.content );

    

        apex_application.stop_apex_engine;

    end loop;

    end;


 
  Create Application Item FILE_ID where we store ID of image

Options 


1. Style

   you can choose different style of prettyPhoto image Gallery


2. Autoplay slideshow

   with or without auto slideshow

3. Animation speed

4. Slideshow

    Duration of slideshow in miliseconds

5.Link icon   Icon for random link

How to get it 

Preview


Here is the link to a working demo:  

demo username/password: demo/demo



Wednesday, June 20, 2018

New Plugin: Item Spinner

Item-Spinner

Item Spinner is item based on JQuery UI widget spinner integrated with mousewheel features. its allow you to enter value, choose value with click on arrows or choose your value with mousewhell functionality. You can choose 4 different items type

1. Standard - standard number item
2. Decimal - with decimal numbers
3. Time - Hours spinner
4. Currency

How to Use

Create a Page Item
Choose Type "Item Spinner[Plug-In]"

How to get it 


Options


Every item type has his own options

standard has this options

min value - set your minimal value
max value - set your maximal value
step - value with which you increase or decrease your current item value

Decimal has this options

min value - set your minimal value
max value - set your maximal value
step - value with which you increase or decrease your current item value
decimal places - number of decimal places
Decimal separator - comma or dot

Time has this option

Clock - 12 Hour or 24 Hour

Currency has this opitons

min value - set your minimal value
max value - set your maximal value
step - value with which you increase or decrease your current item value
Currency - you can choose different typs of currency ( US Dolar, EURO, ...)

Preview

Here is the link to a working demo:  

demo username/password: demo/demo