APEX 5 plugins for everyone - nlOUG · PDF filefunction render ( p_item in...

APEX 5 plugins for everyone

Alan Arentsen

APEX 5 plugins for everyone

Alan Arentsen

@alanarentsen

alanarentsen.blogspot.com

Authentication Scheme Type

Authorization Scheme Type

Dynamic Action

Process

Region

Plug-in Repository

Create from scratch

Copy of existing Plug-in

Plug-in Repository

Create from scratch

apex.item("P1_STANDARD_CHECK").getValue()

<input type="checkbox"

id="P1_PLUGIN_CHECK"

class="custom_checkbox"

value="" />

<input type="hidden"

id="P1_PLUGIN_CHECK_HIDDEN"

name="p_t01"

value="Off" />

value="" />

name="p_t01"

value="Off" />

value="" />

name="p_t01"

value="Off" />

function custom_checkbox (pPageItemName, pOptions)

var g$Checkbox = $('#' + pPageItemName),

g$Hidden = $('#' + pPageItemName + '_HIDDEN');

function syncHiddenField() {

g$Hidden.val((g$Checkbox.is(':checked') === true) ?

pOptions.checked :

pOptions.unchecked);

pOptions.checked :

$('#' + pPageItemName).change(syncHiddenField);

apex.widget.initPageItem(pPageItemName, {

setValue: function(pValue) {

g$Checkbox.attr('checked'

,(pValue === pOptions.checked));

syncHiddenField();

getValue:function() {

return g$Hidden.val();

syncHiddenField();

function <name of function> (

p_item in apex_plugin.t_page_item,

p_plugin in apex_plugin.t_plugin,

p_value in varchar2,

p_is_readonly in boolean,

p_is_printer_friendly in boolean

) return apex_plugin.t_page_item_render_result

function render (

p_is_printer_friendly in boolean)

return apex_plugin.t_page_item_render_result is

end render;

function render (

--Use named variables

--instead of the generic attribute variables

l_checked_value varchar2(255) := nvl(p_item.attribute_01

,'On');

l_unchecked_value varchar2(255) := p_item.attribute_02;

l_checked_label varchar2(4000) := p_item.attribute_03;

end render;

function render (

,'On');

end render;

function render (

,'On');

end render;

custom_checkbox.js

-- Add the JavaScript library

apex_javascript.add_library(

p_name => 'custom_checkbox'

,p_directory => p_plugin.file_prefix ||

'javascript/'

,p_version => null

end render;

-- Add the JavaScript library

apex_javascript.add_library(

p_name => 'custom_checkbox'

'javascript/'

,p_version => null

custom_checkbox ('P1_PLUGIN_CHECK'

,{'unchecked':'Off','checked':'On'});

function custom_checkbox (pPageItemName, pOptions){...};

pPageItemName

apex_javascript.add_value(p_item.name)

'P1_PLUGIN_CHECK',

pOptions

apex_javascript.add_attribute('unchecked'

,l_unchecked_value

,false)

'unchecked':'Off',

-- Add the call to initialize the widget

l_code := 'custom_checkbox(' ||

apex_javascript.add_value(p_item.name) || '{' ||

,l_unchecked_value

,false) ||

apex_javascript.add_attribute('checked'

,l_checked_value

,false

,false) || '});';

apex_javascript.add_onload_code(p_code => l_code);

end render;

,l_unchecked_value

,false) ||

,l_checked_value

,false

,false) || '});';

end render;

,l_unchecked_value

,false) ||

,l_checked_value

,false

,false) || '});';

end render;

,l_unchecked_value

,false) ||

,l_checked_value

,false

,false) || '});';

end render;

,l_unchecked_value

,false) ||

,l_checked_value

,false

,false) || '});';

end render;

,l_unchecked_value

,false) ||

,l_checked_value

,false

,false) || '});';

end render;

custom_checkbox ('P1_PLUGIN_CHECK'

,{'unchecked':'Off','checked':'On'});

name="p_t01"

value="Off" />

value="" />

sys.htp.prn()

name="p_t01"

value="Off" />

-- Get the name of the page item

l_name := apex_plugin.get_input_name_for_page_item(false);

-- Render the hidden field

-- which actually stores the checkbox value

sys.htp.prn('<input type="hidden" ' ||

'id="' || p_item.name || '_HIDDEN" ' ||

'name="' || l_name || '" ' ||

'value="' || p_value || '" />');

end render;

'name="' || l_name || '" ' ||

'value="' || p_value || '" />');

end render;

'name="' || l_name || '" ' ||

'value="' || p_value || '" />');

end render;

'name="' || l_name || '" ' ||

'value="' || p_value || '" />');

end render;

'name="' || l_name || '" ' ||

'value="' || p_value || '" />');

end render;

sys.htp.prn()

value="" />

-- render the checkbox widget

sys.htp.prn('<input type="checkbox" ' ||

'id="' || p_item.name || '" ' ||

'value="' || p_value || '" ' ||

when p_value = l_checked_value

then 'checked="checked" '

end ||

coalesce(p_item.element_attributes

,'class="simple_checkbox"') || ' />');

end render;

'id="' || p_item.name || '" ' ||

'value="' || p_value || '" ' ||

end ||

end render;

'id="' || p_item.name || '" ' ||

'value="' || p_value || '" ' ||

end ||

end render;

'id="' || p_item.name || '" ' ||

'value="' || p_value || '" ' ||

end ||

end render;

'id="' || p_item.name || '" ' ||

'value="' || p_value || '" ' ||

end ||

end render;

sys.htp.prn()

function render (...)

l_result apex_plugin.t_page_item_render_result;

return l_result;

end render;

Plug-in Repository

Create from scratch

on off

.fancy_checkbox { width: 80px; height: 26px; background: #333; margin: 20px auto; position: relative; border-radius: 50px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); }

.fancy_checkbox:after { content: 'OFF'; color: #000; position: absolute; right: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); }

.fancy_checkbox:before { content: 'ON'; color: #27ae60; position: absolute; left: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; }

.fancy_checkbox label { display: block; width: 34px; height: 20px; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; background: #fcfff4; background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 50px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); }

.fancy_checkbox input[type=checkbox] { visibility: hidden; } .fancy_checkbox input[type=checkbox]:checked + label { left: 43px; }

value="" />

value="" />

</div>

sys.htp.prn('<div class="fancy_checkbox"> ' ||

'<input type="checkbox" ' ||

'id="' || p_item.name || '" ' ||

'value="' || p_value || '" ' ||

end ||

end render;

-- print label after checkbox

sys.htp.prn('<label for="' || p_item.name || '">' ||

l_checked_label || '</label>');

sys.htp.prn('</div>');

end render;

fancy_checkbox.css

-- Add the css file

apex_css.add_file(

p_name => 'fancy_checkbox'

'css/'

end render;

-- Add the css file

apex_css.add_file(

p_name => 'fancy_checkbox'

'css/'

Plug-in Repository

Create from scratch

https://apex.world

http://apex-plugin.com

https://docs.oracle.com/

cd/E59726_01/index.htm

http://www.oracle.com/technetwork/

developer-tools/apex/application-

express/apex-plug-ins-182042.html

Alan Arentsen

alan.arentsen@ordina.nl

www.ordina.nl

Alan Arentsen alan.arentsen@ordina.nl

APEX 5 plugins for everyone - nlOUG · PDF filefunction render ( p_item in...

Documents

WINTER 19 EXAMINATION Subject Name: Relational Database ... · CONSTRAINT P_UK UNIQUE, FIRSTNAME VARCHAR2(20), CITY VARCHAR2(20)); 5. Referential Integrity Constraint: It is a relational

Equipment Management - sucls.sd · PDF fileFunction Checks Monitor instrument ... C- Shaft D- Handle E- Push button . 36 Micropipette Characterisation ... Control of Micropipettes

Mechanistic Studies on Transcriptional Coactivator Protein ... · PDF filefunction. One speciﬁc modiﬁcation, the methylation of arginine ... chloride and dimethylformamide (DMF)

Toon Koppelaars Izaak de Hullu - nlOUG · • Toon Koppelaars •Zelfstandig: RuleGen BV • OakTable member, Oracle ACE Director (DB-development) •24 jaar Oracle technologie ervaring

pipettatore automatico micro micro Pipette · PDF filefunction, immediately stop pipetting. ... with ring-mark disposable micropipettes, blood diluting pipettes, and other pipettes

PeopleSoft Human Capital Management 9.0 to 9.2 Upgrade · PeopleSoft Human Capital Management 9.0 to 9.2 ... Populating the Oracle VARCHAR2 Conversion Project ... Copying the GPIT_HR92_OBJECTS

Spatial Tips and Best Practices - Oracle...PL/SQL package. in_lower_x NUMBER, in_lower_y NUMBER, in_upper_x NUMBER, in_upper_y NUMBER) PROCEDURE set_circle (in_tname VARCHAR2,

ENDOCRINE SYSTEM Endocrine - stkate-las. · PDF fileFunction • Help regulate internal functions • Use chemical messengers • Recall: Endocrine vs. Exocrine glands • Nervous

Function-Based Strategies for Managing Significant Problem ... · PDF fileFunction-Based Strategies for Managing Significant Problem Behavior Maryann Trott, ... Functions of Problem

Oracle Designer - British Columbia...Oracle Designer Report : ckattb14 82 Entity Name BIOAREA CODE BIOAREA CODE BIOAREA NAME BIOAREA DEFINITION BIO AREA COMMENT N Y Y Y VARCHAR2 VARCHAR2

規格 - sony.com.au · PDF filefunction on mobile phones, ... Specification version 4.1 ... Android является торговой маркой Google Inc

APEX - nlOUG · 75 APEX sessions in 4 days + Symposium day with Oracle Dev Team kscope13.com Samenwerkingsverband van zelfstandige APEX professionals smart4apex.nl

PDRDEDN 5 PDRDEDN PIDM NUMBER(8) …remotescripts.ecu.edu/remotescripts/banner/api_erd_index_guide/erd/... · ptrbdcg 5 ptrbdcg_code varchar2(3) ptrbdcg_bdca_code varchar2(3) ptrbdcg_user_id

Creating Tables and Inserting Records -- Not easy to edit! -- check constraints! Create table test1 ( C1 char(5) primary key, C2 Varchar2(15) not null

New Oracle EBS Security Features You Can Use Now New Oracle EBS Security... · Access Oracle EBS Decrypt Function create or replace function decrypt(key in varchar2, value in varchar2)

河南医政网--首页2019/01/04 · 2018 " 2018. dbf" 1) USERNAME JKKH ZYCS BAH CSRQ NL BZYZSNL XSEcsrz XSERYTZ CSD VARCHAR2 (60) VARCHAR2 VARCHAR2 VARCHAR2 VARCHAR2 VARCHAR2 VARCHAR2

Oracle Middleware Evolution - nlOUG · PDF fileSAP BW, Cognos, Business Objects ... • Migration guides and best practices will be made available ... Best performance for BEA product

Assignment description - Web viewHere I will just show event types, ... book_id NUMBER PRIMARY KEY, author VARCHAR2(50), title VARCHAR2 ... DBMS_LOB.LOADCLOBFROMFILE

National Nuclear Security Administration Knowledge Base ... · 2 orid number(9) i9 11-19 origin identiﬁer 3 sta varchar2(6) a6 21-26 station code 4 phase varchar2(8) a8 28-35 associated

- nlOUG · Location Intelligence The Value of Geospatial/Business Intelligence Integration Wouter van der Brugghen Business