1. Overview
This document explains how to hide the shuttle type page item process in Oracle APEX.
2. Technologies and Tools Used
The following technologies has been used to achieve the shuttle type hide process.
- Oracle Apex
- JavaScript
3. Use Case
Any requirement for Shuttle type page item should be in read only mode. Please take a example of below screenshot.
4. Steps with Screenshot
Steps to be followed
Step 1: Create a region in the name Shuttle Form and select region type as Static Content.
Step 2: Then, Create a Page item name as Sku and type as Shuttle.
Step 3: Then, give some List of values for the Shuttle Page Item.
Step 4: Then, Create a Dynamic action in Page Load.
Step 5: Then, Create Action as Execute Javascript Code. Copy and Paste below code with your Page Item.
$(‘#P6_SKU_RESET’).hide();
$(‘#P6_SKU_MOVE_ALL’).hide();
$(‘#P6_SKU_REMOVE’).hide();
$(‘#P6_SKU_REMOVE_ALL’).hide();
$(‘#P6_SKU_MOVE’).hide();
/* Prevent double click */
$(‘#P6_SKU_RIGHT’).unbind(‘dblclick’);
Step 6: Finally, Save and Run the page.
Output:
Below screen shot shows the difference.