Skip to Main Content

Title region

Breadcrumbs

Image Browse Parameters

The action uses a defined JavaScript function to evaluate RESTful service handler query parameters before opening Froala image browser. Returned query parameters are used in the browse images RESTful handler to filter images displayed to the end-user (query parameters are available via PL/SQL bind variables).

Preview components

Click on the page component below to preview its configuration in the Oracle APEX page designer.

Initialization JavaScript Code

Alternatively, the browse parameters can be set (once on page load) using the plug-in JavaScript Initialization Code. 
function( pOptions ) {
  pOptions.imageManagerLoadParams = $.extend( pOptions.imageManagerLoadParams , {
    "paramName": "paramValue"
  } );
  
  return pOptions;
}

Documentation

Read the plug-in documentation to learn more about this supporting dynamic action.

Learn more

Browsing filtered images makes only sense when pictures are uploaded using query parameters at first.

Global Page

The supporting dynamic action plug-in can be used on Oracle APEX global page to customize the plug-in across the application.

Live demo

Folder

Plug-in

Requirements

Dynamic action implementing the supporting dynamic action plug-in must listen to the plug-in event UC Froala Before Initialization. It can be defined for 

  • JavaScript Expression (document) - customizes all items on a page
  • page items -  customizes the given page items
  • jQuery selector - customizes page items having given class name


RESTful handler uploading images

This sample application is delivered with an example RESTful service implementing custom handlers to upload and browse images with default and custom query parameters.

  1. Download and install the plug-in sample application in your local environment.
  2. Go to SQL Workshop \ Restful Services
  3. Preview the sample application service ucfroalasamplerest
  4. Preview handlers: browse, browseFolder, upload, and uploadFolder
v24.1