APEX-AT-WORK by Tobias Arnhold

Sparklines für APEX

2012-01-25T22:33:00.003+01:00

Ich habe in den letzten Tagen meine Plugin-Applikation aktualisiert. Neben den altbewährten Beispielen, findet Ihr nun auch die Integration von Sparklines und eines Image Slider Beispiels.

Das Image Slider Plugin geht im Zuge meines DOAG Artikels online. Wer schon vorab Interesse am Plugin hegt, kann sich gern bei mir melden.

Nachtrag 26.01.2012:
Ich habe den Artikel inhaltlich endlich fertig bekommen und kann nun beruhigt ein paar kleine Feinschliffe vornehmen. Nach 10 Stunden Arbeit, erstellt sich so ein Artikel echt nicht von Selbst. :)

Das Sparkline Plugin gibt es bei DOAG Regionaltreffen zu haben, bei denen ich die Anwendung "Logbuch - Die Plugin App" präsentiere. Aktuell sind wieder welche im März in Dresden und Mannheim geplant.

Hier ist der Link zur Anwendung: http://apex.oracle.com/pls/apex/f?p=65560:1

Next image plug-in?

2012-01-22T23:50:00.000+01:00

After I created the source for the image slider plug-in. I think I can use it for any slider/gallery technique I like.

Now I'm thinking which jQuery image solution could be the next APEX plug-in?
What do you think? Or do you even have a better idea?

http://www.twospy.com/galleriffic/example-2.html

http://coffeescripter.com/code/ad-gallery/

http://css-tricks.com/examples/MovingBoxes/

http://css-tricks.com/examples/FeaturedContentSlider/

Slider plug-in with images from table

2012-01-22T23:12:00.002+01:00

I added a new example for the slider plug-in:
http://apex.oracle.com/pls/apex/f?p=65560:12

In the new example I show the slider selecting the image from a table column.
This is the select I use:

select
IMG_ID as id,
'#OWNER#.aaw_img_display?p_img_id=' || to_char(IMG_ID) as img,
IMG_FILENAME as text,
IMG_DESCRIPTION as description,
'bottom' as position
from AAW_IMAGES

I also show how the dynamic action refresh looks like if you swith the value inside the select list.

Instructions about the table solution
Denes Kubiceks Example: http://apex.oracle.com/pls/otn/f?p=31517:64
Hil&Co: http://blog.hilandco.com/2010/05/how-to-show-blob-type-column-as-image.html

Here is the DDL code I used:

CREATE SEQUENCE   "AAW_IMG_SEQ"  MINVALUE 1 MAXVALUE 9999999999999999999999999999 INCREMENT BY 1 START WITH 1 NOCACHE  NOORDER  NOCYCLE ;
/
CREATE TABLE  "AAW_IMAGES" 
   ( "IMG_ID" NUMBER NOT NULL ENABLE, 
 "IMG_FILENAME" VARCHAR2(100), 
 "IMG_DESCRIPTION" VARCHAR2(500), 
 "IMG_MIMETYPE" VARCHAR2(100), 
 "IMG_FILE" BLOB NOT NULL ENABLE, 
 "IMG_TIME_STAMP" DATE NOT NULL ENABLE, 
 "IMG_UPD_USER" VARCHAR2(50) NOT NULL ENABLE, 
 "IMG_CHARACTER_SET" VARCHAR2(100), 
 "IMG_BLOB_TIME_STAMP" DATE, 
 "IMG_CLASS" VARCHAR2(100), 
 "IMG_TEXT" VARCHAR2(500), 
  CONSTRAINT "PK_IMG_ID" PRIMARY KEY ("IMG_ID") ENABLE
   ) ;


CREATE OR REPLACE TRIGGER  "AAW_IMG_TRG" 
   BEFORE INSERT OR UPDATE
   ON AAW_IMAGES
   REFERENCING NEW AS NEW OLD AS OLD
   FOR EACH ROW
DECLARE
BEGIN
   IF :NEW.IMG_ID IS NULL
   THEN
      SELECT AAW_IMG_SEQ.NEXTVAL
        INTO :NEW.IMG_ID
        FROM DUAL;
   END IF;
   IF INSERTING
   THEN
      :NEW.IMG_TIME_STAMP := SYSDATE;
      :NEW.IMG_UPD_USER := NVL (v('APP_USER'), USER);
   END IF;
   IF UPDATING
   THEN
      :NEW.IMG_TIME_STAMP := SYSDATE;
      :NEW.IMG_UPD_USER := NVL (v('APP_USER'), USER);
   END IF;
EXCEPTION
   WHEN OTHERS
   THEN
      raise_application_error (-20101,
                               'Error Trigger LOG_FIL_TRG: ' || SQLERRM
                              );
END AAW_IMG_TRG;
/
ALTER TRIGGER  "AAW_IMG_TRG" ENABLE;
/
create or replace PROCEDURE aaw_img_display( p_img_id IN NUMBER)
AS
     
 l_mime        VARCHAR2 (255);
   l_length      NUMBER;
   l_file_name   VARCHAR2 (2000);
   lob_loc       BLOB;
BEGIN
 
         SELECT IMG_MIMETYPE, IMG_FILE, DBMS_LOB.getlength (IMG_FILE)
         INTO l_mime, lob_loc, l_length
         FROM aaw_images
         WHERE img_id = p_img_id;   
 
 
   OWA_UTIL.mime_header (NVL (l_mime, 'application/octet'), FALSE);
   HTP.p ('Content-length: ' || l_length);
   OWA_UTIL.http_header_close;
   WPG_DOCLOAD.download_file (lob_loc);
    
END aaw_img_display;
/
GRANT EXECUTE ON aaw_img_display TO PUBLIC;

About the images: http://www.freedigitalphotos.net
I used them from prozac1, Ron Bird, Jennifer Ellison, xedos4

Image Slider Plugin

2012-01-11T22:49:00.002+01:00

I'm currently working on a new plug-in based on the jQuery Plug-in S3Slider.

At the moment the plug-in is still under development:
http://apex.oracle.com/pls/otn/f?p=65560:12

It will be a region plug-in where you only set the selection and the options and it will create the nice slider solution on your APEX page. As template I use the cloud plug-in from Carsten Czarski.

The plug-in will be used as an example for a magazine article I will write in the next days.

About the hyphenation plug-in:
A while ago I published a hyphenation plug-in for APEX which currently doesn't work. I'm still trying to solve this issue but can't fix it alone. Hope the original developer will take a look on it again.
Call: http://code.google.com/p/hyphenator/issues/detail?id=146

Tobias

jExpand example

2012-01-03T23:14:00.002+01:00

Another simple example to show how the jExpand report looks inside APEX:
http://apex.oracle.com/pls/apex/f?p=66002:1
/* ------------------------------------------------------------------------------------------------------------------------------------ */
Noch eine weitere kleine APEX Applikation, die die Nutzung des jQuery jExpand Reports zeigt: http://apex.oracle.com/pls/apex/f?p=66002:1

Bild:

Navigation examples

2012-01-03T22:46:00.001+01:00

After cleaning up my old APEX applications I found a nice example application about navigation solutions inside APEX. Have a look here: http://apex.oracle.com/pls/apex/f?p=66001:1
/* ------------------------------------------------------------------------------------------------------------------------------------ */
Beim aufräumen von meinen alten APEX Applikationen, fand ich eine nette Beispielapplikation zum Thema "Navigation". Eine einfache APEX Anwendung, die die verschiedenen Techniken zur Navigation in APEX aufzeigt. Link zur Anwendung: http://apex.oracle.com/pls/apex/f?p=66001:1

Bild:

Update: 04.01.2012:
Die Anwendung wurde inhaltlich etwas überarbeitet. Ich habe auch zwei neue Beispiele integriert.

Vorsätze fürs neue Jahr

2011-12-31T15:23:00.000+01:00

Neben den zahlreichen Softwareprojekten, werde ich mich auch weiterhin mit neuen Spezialgebieten auseinandersetzen.

Ganz oben auf der Liste steht die Integration von mobilen APEX Applikationen. Details zum Vorhaben findet ihr hier: http://www.apex-at-work.blogspot.com/2011/12/mobile-apex-applikationen-mit-jquery.html

Außerdem habe ich vor die Plugin App zu erweitern. Durch eine entsprechende Berechtigungsverwaltung wird der Zugriff individuell einstellbar sein. Das Ganze wird natürlich durch neue Plugins unterstützt.

Als Letztes, will ich mich mit der raphaeljs Library auseinandersetzen. Ziel ist es, eine ähnliche Methode wie Matt Nolan zu entwickeln, um in APEX Applikationen die visuelle Bearbeitung noch besser abbilden zu können.

Ps.: Wie ihr sicher gesehen habt, habe ich noch etwas an dem Feinschliff meines Blogs gearbeitet. Ich hoffe das neue Design mit geänderten Inhalten kommt gut an. :)

Das wärs für dieses Jahr. Guten Rutsch euch allen!

Kurze Info

2011-12-21T00:58:00.003+01:00

Blog Update
Wie ihr sicher schon gesehen habt, habe ich mein Blog Layout überarbeitet. Ziel war es, die Inhalte besser darzustellen und unnötigen Ballast über Bord zuwerfen. Außerdem habe ich den Fokus jetzt mehr auf die deutschsprachige APEX Community gesetzt.
Nur keine Angst, ich werde natürlich auch weiterhin ab und an Posts in Englisch erstellen.

APEX Community Beitrag
Die Plugin App hat einen netten Beitrag auf der APEX Community Seite erhalten:
http://www.oracle.com/webfolder/technetwork/de/community/apex/index.html

Präsentationen zum Thema Plugins
Im März werde ich aller Voraussicht nach, jeweils in Dresden und in Mannheim einen Vortrag über die Plugin App halten. Ich hoffe die DOAG Regionalveranstaltungen werden wieder gut besucht sein. :) Wie immer gibt es einen kostenlosen Zugang zum Download der Anwendung.

Weihnachten
Zum Schluss, wünsche ich allen ein besinnliches Weihnachtsfest und einen guten Rutsch ins neue Jahr!

Mobile APEX Applikationen mit jQuery Mobile - Wichtige Links

2011-12-06T21:48:00.001+01:00

Ich habe vor die Plugin App mit einer entsprechenden mobilen Version zu erweitern. Dazu benötige ich allerhand Hintergrundwissen und das trage ich in dem Blogpost hier zusammen. Starten tue ich mit den wichtigsten Links zur mobilen APEX Entwicklung. Weitere Details werden folgen...

Links zur Entwicklung von mobilen APEX Anwendungen mit jQuery Mobile
M. Sewtz - Getting Started with Mobile in APEX - Part 1
M. Sewtz - Getting Started with Mobile in APEX - Part 2
APEX Community (P. Raganitsch) - Oracle APEX für mobile Endgeräte
T. Harsono - Oracle APEX 4.1 on Android Phone (Youtube Video)
B. Spendolini - a few thoughts on mobile development....
B. Spendolini - Build your first mobile app with APEX Presentation.
All Things Oracle - Oracle APEX on your Smartphone

APEX Beispielapplikationen:
Sujay - Businessbeispiele
M. Sewtz - Simple Beispielanwendung
P. Raganitsch - Komplexere Beispielanwendung
Jaydip Bosamiya - Komplexere Beispielanwendung

Generelle Links:
jQuery Mobile - Offizielle Homepage
Miami Coder - Interesting jQuery Mobile Tutorials

Advanced ways using the Authorization Schemes inside APEX

2011-12-05T19:30:00.000+01:00

The standard way to check the authorization is to select the correct scheme inside the security area:

What are authorization schemes and how do you create them?
http://docs.oracle.com/cd/E17556_01/doc/user.40/e15517/sec.htm#BABEDFGB
http://apps2fusion.com/at/64-kr/399-security-using-authorization-in-apex

There are a couple of hidden ways to check the authorization schemes differently to the standard way.

To check more then one authorization scheme with pl/sql use this hint from Denes Kubicek:
http://deneskubicek.blogspot.com/2009/05/checking-authorization-scheme-within.html

To check authorization schemes inside SQL follow this solution:
http://www.oracle.com/webfolder/technetwork/de/community/apex/tipps/repo-2/index.html

For those who do not understand German. Just create a simple function which let you use the authorization scheme function inside a sql statement:

create or replace function

 my_check_auth(p_security_scheme in varchar2)

 return number is
begin
  if apex_util.public_check_authorization(p_security_scheme)

  then
    return 1;
  else 
    return 0;
  end if;
end;

select 
  'VALID_USER' as return_val
from my_table
where col1 = 'NEW'
and (my_check_auth('AUTH_VALID_USER') = 1

     or my_check_auth('AUTH_NEW_USER')
     )

Plug-in Bookmark

2011-12-04T23:06:00.001+01:00

A couple of days ago I released a new simple plug-in. A dynamic action plug-in which allows you to bookmark the current or any other page by running a generic javascript code which works with most common browsers.

The plug-in can be downloaded here:
http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/bookmark_153.html

Example page:
http://apex.oracle.com/pls/apex/f?p=65560:9

How to use it:
- set up a new Dynamic Action
- Event: "Page Load"
- Action: Bookmark
- Set up the effected element by using the jQuery logic
- ID: #P1_YOUR_BUTTON
- Class: .my_button
- URL Definition: "Current Page" or "Manually Defined URL"
- If "Manually Defined URL" then set the URL and the name of the new bookmark

Freier Community Zugang für Die Plugin App

2011-11-30T20:30:00.000+01:00

Nachdem die erste Präsentation sehr erfolgreich verlaufen ist und das Feedback sehr positiv war. Möchte ich nun die Anwendung für den Rest der APEX Community zum testen freischalten.

Zugang: http://apex.oracle.com/pls/apex/f?p=65600

Anmeldung: demo / demo

Wer mehr über die Anwendung erfahren möchte kann direkt Kontakt zu mir aufnehmen oder verfolgt einfach die nächsten DOAG Regionaltreffen, ich werde dort noch einige ähnliche Vorträge zum Thema halten.

Mir kamen auch schon einige neue Ideen für die nächste Version der Anwendung und werde bald mit der Entwicklung beginnen.

Falls jemand ein paar Anmerkungen zum Logbuch selbst hat, bin ich gern für Erweiterungswünsche offen. Denn auch die neuen Plugins müssen ja irgendwo ihren Platz finden. :)

Simple generic SQL solutions

2011-11-27T21:40:00.001+01:00

Just saw this nice script to generate INSERT statements by a function call:
PL/SQL code to generate Oracle insert statements from existing table data

Another nice idea was just added by Carsten Czarski. He created a solution to make a drop or truncate more secure:
DROP TABLE .. Sind Sie sicher?

Oracle Select: Compare two comma separated lists for matching words

2011-11-17T23:30:00.000+01:00

This a simple solution to compare two comma separated lists inside a select where clause:


/* 
Table name: TBL_WITH_COMMA_LIST
Columns:
twc_id; twc_list
1     ; 0815,9999,1212,1222,1111,9988
2     ; 0815,8888,2121,2111,2222,8899
3     ; 0110,9112,1211

Parameter: :v_list
0815,9988,1111
*/ 

select tw.twc_id, tw.twc_list, REGEXP_COUNT(tw.twc_list,REPLACE(:v_list,',','|')) ret_val
from TBL_WITH_COMMA_LIST tw
where REGEXP_COUNT(tw.twc_list,
                   REPLACE(:v_list,',','|')
                   ) > 0;
/*
Result:
twc_id; twc_list;                    ; ret_val
1     ; 0815,9999,1212,1222,1111,9988; 3 
2     ; 0815,8888,2121,2111,2222,8899; 1

Info: v_list can only contain 512 bytes 
*/

"Die Plugin App" - Live Präsentation + Download Zugang am 29.11.2011

2011-11-14T19:09:00.001+01:00

Leider kann ich nicht bei der diesjährigen DOAG Konferenz dabei sein. Ich hätte zwar liebend gern die vielen APEX Entwickler wieder getroffen, aber es soll nicht sein. :(

Das kann nur heißen, nach vorne schauen und die nächsten Projekte in Angriff nehmen.

Am 29.11.2011 halte ich in Wiesbaden bei dem regionalem DOAG Treffen der Rhein-Main Gruppe die erste DOAG Präsentation über die Plugin Applikation.Das bedeutet, das jeder der kommt die inzwischen auf 30 Plugins angewachsene Applikation sieht und vor allem einen Eindruck erhält, wie aktuelle APEX Plugins eine Anwendung verbessern können.

Details zum Treffen:
http://www.doag.org/termine/termine.php?tid=418033#19:00

Wichtig: Jeder Teilnehmer erhält einen Online Zugang, über den er sich die Applikation downloaden kann.

Ich freue mich auf das Treffen und bin gespannt wie viele die Applikation wirklich sehen wollen. :)

Wer die Plugin App noch nicht kennt, der sollte sich die entsprechenden Blog-Post's nochmal anschauen:
Eigene URLs und Bilder im APEX Report abbilden:
http://apex-at-work.blogspot.com/2011/10/eigene-urls-im-report-mit-bilder.html

Die nächsten Plugins für "Die Pugin App":
http://apex-at-work.blogspot.com/2011/09/die-nachsten-plugins-fur-die-pugin-app.html

Logbuch mit neuem Plugin:
http://apex-at-work.blogspot.com/2011/09/logbuch-mit-neuem-plugin.html

Logbuch - Die Plugin App:
http://apex-at-work.blogspot.com/2011/09/logbuch.html

Loading Icon - Upgrade thoughts

2011-11-13T00:00:00.000+01:00

During my development I was always troubled that the loading icon plug-in worked fine with before page submit events but never worked when you redirected the page immediately.For example if you used code like this:


<a href="f?p=&APP_ID.:3:&SESSION.::NO::P2_EXAMPLE_ID:#EXAMPLE_ID#">
<img alt="" src="/i/menu/pencil16x16.gif">
</a>

No loading icon would appear.As a manual solution use this code example:


/* Template: */
<img
  src="#IMAGE_PREFIX#magnifying_glass_white_bg.gif" 
  alt="" 
  title="Show sample data"
  style="cursor:pointer;"
  onclick="
   fnc_startLoadIcon('...loading...','/i/my_loading_icon.gif',32,32,8,'#F26300',6);
   window.location='f?p=&APP_ID.:1:&SESSION.::::P2_EXAMPLE_ID:#EXAMPLE_ID#';
   return false;">

I'm thinking to integrate this as an option to the Loading Icon plug-in. I would capture the href element take the href source and transform it so that the loading icon would appear before the page reloads.

Disable CKEditor 3 (Rich Text Editor) inside APEX

2011-11-09T23:30:00.000+01:00

If you want to disable the "Richt Text Editor" inside APEX and still show everything in the right HTML format.Just add this code snippet inside the "Page Footer Text":


<script>
/* HowtTo: http://cksource.com/forums/viewtopic.php?t=15659 */
$(document).ready( function() {
( function()
{
   var cancelEvent = function( evt )
      {
         evt.cancel();
      };

   CKEDITOR.editor.prototype.readOnly = function( isReadOnly )
   {
      /* Turn off contentEditable. */
      this.document.$.body.disabled = isReadOnly;
      CKEDITOR.env.ie ? this.document.$.body.contentEditable = !isReadOnly
      : this.document.$.designMode = isReadOnly ? "off" : "on";

      /* Prevent key handling. */
      this[ isReadOnly ? 'on' : 'removeListener' ]( 'key', cancelEvent, null, null, 0 );
      this[ isReadOnly ? 'on' : 'removeListener' ]( 'selectionChange', cancelEvent, null, null, 0 );

      /* Disable all commands in wysiwyg mode. */
      var command,
         commands = this._.commands,
         mode = this.mode;

      for ( var name in commands )
      {
         command = commands[ name ];
         isReadOnly ? command.disable() : command[ command.modes[ mode ] ? 'enable' : 'disable' ]();
         this[ isReadOnly ? 'on' : 'removeListener' ]( 'state', cancelEvent, null, null, 0 );
      }
   }
} )();
setTimeout ('CKEDITOR.instances.<YOUR_APEX_ITEM>.readOnly( true )',1000);
});
</script>

The result will look like this:

Eigene URLs und Bilder im APEX Report abbilden

2011-10-18T23:07:00.000+02:00

Wie bereits Gestern erwähnt, bin ich in den letzten Zügen der Entwicklung für die "Plugin App".

Heute wollte ich aus ein paar hässlichen Buttons ein paar schöne Icons machen.

Ausgangslage

Zieldarstellung

Dazu habe ich mir einen simplen Report erstellt, der mir jeweils meine Icons mit sicheren URLs ausgibt:

select img from (
 select
  1 as ordby,
  '<a href="' ||
  APEX_UTIL.PREPARE_URL('f?p=' ||
                        v('APP_ID') || 
                        ':1:' || 
                        v('APP_SESSION') || 
                        ':XLSX') ||
  '"><img src="#APP_IMAGES#download_xlsx.png" alt="" title="Download Excel XLSX"/>' as img
 from dual
 union
 select
  2 as ordby,
  '<a href="' ||
  APEX_UTIL.PREPARE_URL('f?p=' ||
                        v('APP_ID') || 
                        ':1:' || 
                        v('APP_SESSION') || 
                        ':EXCEL_XML') ||
  '"><img src="#APP_IMAGES#download_xml.png" alt="" title="Download Excel XML"/>' as img
 from dual
 union
 select
  3 as ordby,
  '<a href="' ||
  APEX_UTIL.PREPARE_URL('f?p=' ||
                        v('APP_ID') || 
                        ':11:' || 
                        v('APP_SESSION') || 
                        ':') ||
  '"><img src="#APP_IMAGES#download_pdf.png" alt="" title="Download PDF"/>' as img
 from dual
 )
order by ordby

Mit APEX_UTIL.PREPARE_URL definieren Sie in SQL und PL/SQL einfach eine sichere URL die Sie in Verbindung mit Session State Protection (SSO) benötigen.#APP_IMAGES# referenziert auf mein hochgeladenes Bild. Da ich auf dem öffentlichen APEX Server arbeite, kann ich meine Bilddateien nicht auf einem Webserver ablegen. Dies wäre aber aus performance und caching Gründen zu bevorzugen. Auf der anderen Seite soll die Applikation später als Download zur Verfügung stehen, dann kann ich die Bilder einfach als Supporting Objects bei der Installation mit integrieren.

Erinnerung: APEX Workshop vom 24.10. bis 26.10.2011

2011-10-17T22:29:00.001+02:00

Nochmal die Erinnerung:
Vom 24. bis zum 26.10.2011 findet der "Oracle APEX: Knowhow aus der Praxis" Workshop in Bensheim statt. Ich halte am Montag einen Gastauftritt zu APEX Plugins und zeige Ihnen wie Sie das jQuery Sparkline Plugin in ein APEX Plugin umwandeln können:

Beispiel Sparklines

Das fertige Plugin in Aktion

Details zum jQuery Plugin finden Sie übrigens hier: http://omnipotent.net/jquery.sparkline/

Außerdem zeige ich zum ersten mal die Plugin App Live. Die Anwendung liegt in den Endzügen der Entwicklung und bedarf nur noch kleinerer Anpassungen.
Das letzte Plugin vor dem ersten Release habe ich heute integriert:
Save Before Exit von Skillbuilders.
Dieses Plugin verwende ich zum Beispiel in Kombination mit dem Iframe Plugin, um mehrere Tabular Forms auf einer Seite darstellen zu können die mit Standard APEX Prozessen verwendet werden.
Aktuell habe ich 29 Plugins in der Anwendung verwendet. Die Startseite verwendet die meisten Plugins : "9"!

Wem das noch nicht an Argumenten reicht, dem sei gesagt: Am dem Sonntag vor dem Kurs soll (so munkelt es) der Formel 1 Weltmeister 2011 seine Weltmeisterfeier im benachbarten Heppenheim haben. Heißt, frühes anreisen sorgt für gute Plätze! ;)

Looking for UILayout plug-in beta tester (APEX 4.1 only)

2011-10-17T21:07:00.000+02:00

I added some fixes to the UILayout plug-in in combination with APEX 4.1 and the Interactive Report appearance.

I'm quite busy with the Plugin App and looking out for some testers. If there is anybody out there then please contact me.

The following issues are fixed under APEX 4.1:

Format options position

Rows Per Page position

Column options

I don't know if it works for all themes? If you know about more issues or even have some improvement ideas please inform me. I will fix it before the final release will come out.

Tobias

Die nächsten Plugins für "Die Pugin App"

2011-09-25T10:43:00.000+02:00

Die Plugin App hat einen schon recht hohen Reifegrad erreicht. Da ich aber noch bis Ende Oktober Zeit habe, werde ich noch versuchen ein paar weitere Plugins zu integrieren:

Diese Plugins sollen noch kommen:
PicInsideEditBox:
http://apex-plugin.com/oracle-apex-plugins/item-plugin/picinsideeditbox_141.html
Reports 2 PDF:
http://apex-plugin.com/oracle-apex-plugins/process-type-plugin/reports-2-pdf_140.html
SkillBuilders Save Before Exit:
http://apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/skillbuilders-save-before-exit_43.html
Simple Checkbox:
http://apex.oracle.com/pls/apex/f?p=654321:206:0:::::
Address(validate, display map)
http://apex-plugin.com/oracle-apex-plugins/item-plugin/addressvalidate-display-map_88.htmlresizeable
Textarea (memory)
http://apex-plugin.com/oracle-apex-plugins/item-plugin/resizeable-textarea_80.html

Hier die Liste aller bisher verwendeten Plugins:

Wenn jemand ein tolles Plugin kennt, das hier noch fehlt, dann meldet euch bitte bei mir.

Oracle APEX: Knowhow aus der Praxis

2011-09-21T19:54:00.003+02:00

Es ist wieder soweit, zwischen dem 24. und dem 26.10.2011 findet der "Oracle APEX: Knowhow aus der Praxis" Workshop in Bensheim statt:

Diesmal mit der Besonderheit, dass ich als Gastredner auftrete!
Ich werde mich mit dem Thema Plugins befassen und Ihnen zeigen, wie Sie solch ein APEX Plugin erstellen und in Ihrer APEX Anwendung verwenden können.Falls jetzt die Frage aufkommt, um was für ein Typ Plugin es sich handelt?
Dann schauen Sie doch einfach mal hier rein:
http://apex-at-work.blogspot.com/2011/09/logbuch-mit-neuem-plugin.html

Außerdem werde ich mein aktuelles Projekt "Die Plugin App" das erste mal Live präsentieren.

Also wir sehen uns beim Workshop!

What happens in 4 years

2011-09-14T23:33:00.004+02:00

Since 2008 I write about APEX, Javascript and PL/SQL and still like it a lot. It seems that people think that I do right:

If people around the world like it then i will not stop it!

Logbuch mit neuem Plugin

2011-09-14T22:28:00.005+02:00

Bei der Entwicklung der Logbuchanwendung habe ich auch gleich ein kleines aber feines Plugin mit integriert, dass es so nicht als Download zu haben gibt.

Es handelt es sich um das jQuery Sparkline Addon. Es dient zur Anzeige von kleinen Line- oder Bar-Charts direkt im Report. Ach seht einfach selbst:

Wie man sieht ist die Anwendung noch nicht perfekt, aber auf dem richtigen Weg. :)

Wenn jemand Interesse an dem Plugin, dann könnt ihr euch bei mir melden.

Weitere Infos und Bilder folgen...

Ps.:
Die nächste Aufgabe ist die Integration des "Embedded PDF" Plugins zur Generierung von PDF's ohne BiPublisher oder Jasper Reports. Mal sehen was das Plugin so kann.

Logbuch - Die Plugin App

2011-09-11T22:38:00.005+02:00

Ich arbeite mit ein paar Freunden derzeit an einer Applikation die sich Logbuch nennt und das Ziel hat, möglichst viele APEX Plugins in einer Business Applikation abzubilden.

Ein paar Infos zur Anwendung:
- Ziel der Anwendung ist es, Einträge über eigens definierte Kategorien zu erfassen.
- Die komplette Applikation nutzt nur Standard APEX Funktionalität bei allen DML Prozessen.
- Es werden im Moment über 10 Plugins verwendet und das Ziel ist 15 zu integrieren.
- Neben der normalen Webapplikation für Standard-Workstations mit aktuellem Browser, wird auch eine mobile Variante integriert werden.

Die Anwendung selber ist zu 75% fertig und soll als Beispiel auf regionalen DOAG Veranstaltungen die Nutzung von APEX Plugins näher bringen.

Also haltet die Augen für die kommenden DOAG Events offen.

Hier mal eine Seite in der Anwendung:

Automatic File Upload filename can't be null

2011-08-30T21:36:00.006+02:00

I used the automatic file upload feature of APEX and got always an error that either filename or mimetype column of my file table can't be null.

APEX probably saves first in FLOW_FILES and then updates my tables. If I take the column "NOT NULL" limitation away it works fine.

If you want to know how you configure automatic file upload in APEX look here:
File Browser in APEX 4 with BLOB column specified in item source attribute

Restore package source code

2011-08-30T20:39:00.004+02:00

If you need to restore your changed or dropped package then use this select to retrieve the lost information:http://www.blogger.com/img/blank.gif
select text
from dba_source
as of timestamp systimestamp - interval '10' minute
where name='MY_PACKAGE'
order by line;

For more information read this blog post of Uwe Hesse:
Retrieve old versions of procedures with Flashback Query

Btw: Have you seen the great blog post from Matt how you can use your own interactive images in APEX: APEX Plugin – Body Chart

IRR: UILayout issue

2011-08-17T20:32:00.001+02:00

If you use the UILayout plug-in for APEX with Interactive Reports you will see some issues inside the action menu. The "Rows Per Page" and the "Format" menu will be positioned above the main action menu.

To fix this use the following js snippet with a dynamic action or add it inside your page header:


$('.dhtmlSubMenuS').mouseover(function() {

  $('#apexir_ROWS_PER_PAGE_MENU').css({

    left: $('#apexir_ROWS_PER_PAGE_MENU').position().left + 200 + "px"

  });

  $('#apexir_FORMAT_MENU').css({

    left: $('#apexir_FORMAT_MENU').position().left + 200 + "px"

  });    

});

Create a Dynamic Action which fires on the refresh of your Interactive Report and executes the JS code. Run it also on page load.

I will fix it in one of the next versions of the plug-in.

IRR: Remove single rule

2011-08-09T21:30:00.001+02:00

If you want to remove easily a single rule inside your interactive report then use this javascript code snippet:


$('a:contains(Vorname ist Null)').parent().parent().remove();

Customized IRR example:


/* Remove Highlight rules */

$('a:contains(MY_RULE1_BLUE)').parent().parent().remove();

$('a:contains(MY_RULE2_GREEN)').parent().parent().remove();

$('a:contains(MY_RULE3_ORANGE)').parent().parent().remove();

/* remove filter */

$('a:contains(My Column filter = \'FILTER\' )').parent().parent().remove();

/* Remove named report */

$('a:contains(Gespeicherter Bericht = \"My filtered report\")').parent().parent().remove();

/* Remove group label text */

$('#apexir_SAVED_REPORTS optgroup[label="Standard"]').attr("label","");

$('#apexir_SAVED_REPORTS optgroup[label="Öffentlich"]').attr("label","");

/* Remove Control Panel Control and make it always active */

$('#apexir_CONTROLS_IMAGE').removeClass('pseudoButtonActive');

$('#apexir_CONTROLS_IMAGE').addClass('pseudoButtonInactive');

/* gReport.toggle_controls($x('apexir_CONTROL_PANEL_CONTROL')); */

$('#apexir_CONTROL_PANEL_CONTROL').hide();

Check if part of a string has only number values

2011-08-06T16:15:00.000+02:00

I had the requirement to find out if a part of a string includes only number values:

Table: My_Test_String_Table
Column: T_STR
String 1: TIGER031STD
String 2: TIGERTT1STD
String 3: TIGER999STD

Now I need to find all rows where position 6, 7 and 8 is a number value.

Select:


select * from My_Test_String_Table
where 
decode(REGEXP_INSTR (substr(T_STR,6,3), '[^[:digit:]]'),0,'YES','NO') = 'YES';

Returns String 1 and 3!

Take a look into this forum post to find more examples:
http://forums.oracle.com/forums/thread.jspa?threadID=371057

IRR: Get current report selection

2011-08-06T10:57:00.002+02:00

With Interactive Reports you are able to save several views of one report source.
- Default
- Public
- Private

Your end user can easily choose from those saved reports.
If you need to know which the currently viewed report is then you can use this little js code snippet:


alert(
'ID: ' + 
$('#apexir_SAVED_REPORTS').val() + 
', Text: ' + 
$('#apexir_SAVED_REPORTS :selected').text()
);

Try it inside a dynamic action!

New Plug-in: Hyphenation for APEX

2011-07-02T11:48:00.002+02:00

I just released a new plug-in called: Hyphenation for APEX

Unfortunately at the moment it seems only to work with Firefox. I contacted the developers of the original plug-in to find the issue why it doesn't work with IE9 and the standard APEX theme?

Check out this ticket for more information: http://code.google.com/p/hyphenator/issues/detail?id=146

I will update the plug-in as soon as I have a solution.

How to find duplicate rows?

2011-06-08T18:44:00.000+02:00

Basically with a single table you do like this:


SELECT COLUMN_A, COLUMN_B, COUNT(*)
FROM MY_TABLE
GROUP BY COLUMN_A, COLUMN_B
HAVING COUNT(*)>1;

If you have a special select and you need to find duplicate rows then do like this:


select count(*), cust_no
(
select
c.cust_no, c.cust_name, s.order_date, s.art_no, s.art_amount
from table_sales s, table_customer c
where c.cust_no = s.cust_no
  and s.country_no = 49
  and s.order_date = trunc(sysdate-1)
group by
order by 2,3
) 
group by cust_no
having count(*) > 1

Check ob Flash installiert ist

2011-06-06T20:42:00.003+02:00

Ich habe vor ein paar Tagen ne interessante Frage gestellt bekommen:
"Wie überprüft man in Apex, ob ein Flash Plugin installiert ist?"
Antwort:
Einen Standard-Check gibt es nicht.

Lösungsansatz:
Probiert folgende Erweiterung JavaScript Flash Detection Library (Flash Detect)

Die Datei "flash_detect_min.js" auf eurem Server laden und in den APEX Page Header einbetten.

Auf eurer Startseite erstellt ihr ein Hidden Item: P1_FLASH

Auf der gleichen Seite erstellt ihre eine Dynamic Action die nach dem "Page Load" startet.

Erste TRUE Action: Execute Javascript Code
if(!FlashDetect.installed){
$s('P1_FLASH','TRUE');
}else{
$s('P1_FLASH','FALSE');
}

Zweite TRUE Action: Execute PL/SQL Code
Code: null;
Page Items to Submit: P1_FLASH

Nun könnt ihr auf jeder Seite für die betroffenen Regionen Bedingungen integrieren:
:P1_FLASH = 'TRUE'

Das Ganze könnte auch ein schönes kleines Plug-in sein! :D

Two ways using string to table in APEX selects

2011-05-03T19:53:00.000+02:00

First way
This example uses "REGULAR expressions" and the "connect by" clause. Perfect when you select on columns including lists.
Forum entry: http://forums.oracle.com/forums/thread.jspa?messageID=9494074


WITH TABLE1
       AS (SELECT 1 my_id, '8092:7054:9237:4232:3333:4023:6781' my_list FROM DUAL
           UNION
           SELECT 2, '8765:2231:2242:3412:3453' FROM DUAL
           UNION
           SELECT 3, '2121' FROM DUAL
           UNION
           SELECT 4, '6565:9121' FROM DUAL)
  SELECT my_id,REGEXP_SUBSTR ( my_list, '([^:]+)', 1, lvl)
    FROM TABLE1,
         (SELECT LEVEL lvl
            FROM (SELECT MAX (LENGTH (REGEXP_REPLACE ( my_list || ':', '[^:]'))) mx
                    FROM TABLE1)
          CONNECT BY LEVEL <= mx + 1)
   WHERE lvl - 1 <= LENGTH (REGEXP_REPLACE ( my_list || ':', '[^:]'))
     AND REGEXP_SUBSTR ( my_list, '([^:]+)', 1, lvl) IS NOT NULL
   ORDER BY my_id,lvl;

Second way
This example is based on a nice XML solution. Only needs two lines of code. Easy to use in combination with variables.
Forum entry; http://forums.oracle.com/forums/thread.jspa?threadID=2184251&tstart=0&messageID=9406487


:F_STRING := '8092:7054:9237:4232:3333:4023:6781'

select upper(extractvalue(column_value,'e'))
from table(xmlsequence(xmltype('' || replace(:F_STRING,':','') || '').extract('e/*')));

ORA-00001, WWV_FLOW_DATA_IDX1, ERR-1029

2011-04-13T18:12:00.001+02:00

Troubleshooting the following APEX error:


ORA-00001: unique constraint (APEX_040000.WWV_FLOW_DATA_IDX1) violated
ERR-1029 Speichern von Sessioninformationen nicht möglich. session=3642920897355064 item=9815904291046405

This issue often comes in combination with iFrames, item computations, different languages or collections.

First you need to find which item is effected:

Inside APEX Application Builder > Application xxx > Utilities > Application Express Views > APEX_APPLICATION_PAGE_ITEMS
Columns: Select all columns
Filter: Item_ID = 9815904291046405
Copy the generated select and execute it inside your SQL Developer:


select WORKSPACE,APPLICATION_ID,APPLICATION_NAME,PAGE_ID,PAGE_NAME,ITEM_NAME,DISPLAY_AS,DISPLAY_AS_CODE,ITEM_DATA_TYPE,IS_REQUIRED,STANDARD_VALIDATIONS,DISPLAY_SEQUENCE,REGION,REGION_ID,SOURCE_USED,ITEM_DEFAULT,ITEM_DEFAULT_TYPE,LABEL,PRE_ELEMENT_TEXT,POST_ELEMENT_TEXT,FORMAT_MASK,ITEM_LABEL_TEMPLATE,ITEM_LABEL_TEMPLATE_ID,ITEM_SOURCE,ITEM_SOURCE_TYPE,ENCRYPT_SESSION_STATE,SOURCE_POST_COMPUTATION,READ_ONLY_CONDITION_TYPE,READ_ONLY_CONDITION_EXP1,READ_ONLY_CONDITION_EXP2,READ_ONLY_DISPLAY_ATTR,LOV_NAMED_LOV,LOV_DEFINITION,LOV_DISPLAY_EXTRA,LOV_DISPLAY_NULL,LOV_NULL_TEXT,LOV_NULL_VALUE,LOV_QUERY_RESULT_TRANSLATED,LOV_CASCADE_PARENT_ITEMS,AJAX_ITEMS_TO_SUBMIT,AJAX_OPTIMIZE_REFRESH,ITEM_ELEMENT_WIDTH,ITEM_ELEMENT_MAX_LENGTH,ITEM_ELEMENT_HEIGHT,HTML_TABLE_CELL_ATTR_LABEL,HTML_TABLE_CELL_ATTR_ELEMENT,HTML_FORM_ELEMENT_ATTRIBUTES,FORM_ELEMENT_OPTION_ATTRIBUTES,ITEM_BUTTON_IMAGE,ITEM_BUTTON_IMAGE_ATTRIBUTES,BEGINS_ON_NEW_ROW,BEGINS_ON_NEW_CELL,COLUMN_SPAN,ROW_SPAN,LABEL_ALIGNMENT,ITEM_ALIGNMENT,SHOW_QUICK_PICKS,QUICK_PICK_LINK_ATTR,QUICK_PICK_LABEL_01,QUICK_PICK_VALUE_01,QUICK_PICK_LABEL_02,QUICK_PICK_VALUE_02,QUICK_PICK_LABEL_03,QUICK_PICK_VALUE_03,QUICK_PICK_LABEL_04,QUICK_PICK_VALUE_04,QUICK_PICK_LABEL_05,QUICK_PICK_VALUE_05,QUICK_PICK_LABEL_06,QUICK_PICK_VALUE_06,QUICK_PICK_LABEL_07,QUICK_PICK_VALUE_07,QUICK_PICK_LABEL_08,QUICK_PICK_VALUE_08,QUICK_PICK_LABEL_09,QUICK_PICK_VALUE_09,QUICK_PICK_LABEL_10,QUICK_PICK_VALUE_10,ATTRIBUTE_01,ATTRIBUTE_02,ATTRIBUTE_03,ATTRIBUTE_04,ATTRIBUTE_05,ATTRIBUTE_06,ATTRIBUTE_07,ATTRIBUTE_08,ATTRIBUTE_09,ATTRIBUTE_10,CONDITION_TYPE,CONDITION_EXPRESSION1,CONDITION_EXPRESSION2,MAINTAIN_SESSION_STATE,ITEM_PROTECTION_LEVEL,ESCAPE_ON_HTTP_OUTPUT,AUTHORIZATION_SCHEME,AUTHORIZATION_SCHEME_ID,BUILD_OPTION,BUILD_OPTION_ID,ITEM_HELP_TEXT,LAST_UPDATED_BY,LAST_UPDATED_ON,COMPONENT_COMMENT,ITEM_ID,COMPONENT_SIGNATURE
from APEX_APPLICATION_PAGE_ITEMS
where ITEM_ID = 9815904291046405

Investigate the effected item... You may find strange connections to other APEX components?

Forum entry: http://forums.oracle.com/forums/thread.jspa?messageID=9365663

Handling the 32k problem in APEX charts

2011-04-03T14:54:00.006+02:00

How to handle more then 32k (32768) characters inside your APEX charts: AnyChart gantt with custom xml and more then 32k

Workaround:
- Create your own chart

Info:
- AnyChart documentation: Set XML As String From TextArea

HTML Header:http://www.blogger.com/img/blank.gif


<script src="#APP_IMAGES#anychart_intkit.js" language="javascript"></script>

PL/SQL Region:


/* ... */
  htp.p('<textarea cols="65" rows="17" id="rowData" style="display:none;">');
 
  /* Write CLOB through a package function */
  P_CLOB := MY_PACKAGE.F_APEX_GANTT_COMPLETE ( P_USER );
 
  dbms_lob.open(P_CLOB, dbms_lob.lob_readonly); 
 
  P_LENGTH := dbms_lob.getlength (P_CLOB);
 
  while P_LENGTH > 0 loop
  
     /* Read 32000 characters from CLOB */
     dbms_lob.read(P_CLOB, P_CLOB_BUFFER, P_POS, P_SET); 
          
     /* Write code in APEX */
     htp.prn(P_SET);
     
     /* Increase Counter */
     P_POS := P_POS + P_CLOB_BUFFER;
     P_LOOP := P_LOOP + 1;
     
     /* Resize CLOB length */
     P_LENGTH := P_LENGTH - P_CLOB_BUFFER;
     
  end loop;
 
  dbms_lob.close(P_CLOB); 
 
  htp.p('</textarea>');
  htp.p('<div id="chartDiv"></div>');
 
  htp.p(
    '<script type="text/javascript" language="javascript">' || chr(10) ||
    '/* Set default swf path */' || chr(10) ||
     'AnyChart.swfFile = ''/i/flashchart/anygantt_4/swf/AnyGantt.swf'';' || chr(10) ||
    '/* Create new gantt chart */' || chr(10) ||
     'var chart = new AnyChart();' || chr(10) ||
     'chart.width="2500";' || chr(10) ||
     'chart.height="1400";' || chr(10) ||
    '/* Get string data from text area */' || chr(10) ||
     'var data = document.getElementById(''rowData'').value.toString();' || chr(10) ||
    '/* Set data */' || chr(10) ||
     'chart.setData(data);' || chr(10) ||
    '/* Write chart to "chart" div */' || chr(10) ||
     'chart.write("chartDiv");' || chr(10) ||
    '</script>');
/* ... */

I created a region plug-in based on the above code to handle the huge charts! :)

Remove delete icon in SkillBuilders Super LOV

2011-03-25T17:35:00.001+01:00

Do you like the Super LOV as much as I do? It is just a great plug-in.

Some customers didn't like the delete button to erase the selected value. I could not find any setting to disable this icon.

Workaround:
Add a dynamic action "after page load" which executes some javascript with this little piece of code:
$('.superlov-modal-delete').remove();

That's it.

Customize Interactive report header graphic

2011-03-22T18:40:00.001+01:00

Create a new image called report_bg_red.gif:

Add this inside your page header to exchange the IRR default image:


.apexir_WORKSHEET_DATA th {
    background: url("/i/my_images/ir_styles/report_bg_red.gif") repeat-x scroll 0 0 #AAAAAA;
}

Change "/i/my_images/" with your image directory.

If you want to customize even more CSS watch this blog post of Shakeeb Rahman: http://apex.shak.us/post/1145946801/fully-control-your-interactive-reports-toolbar

SQL: Count character in column or string

2011-03-21T18:40:00.000+01:00

Use this sql select to count a special character inside a column or string:

Column selection:


select col, length(col)-length(replace(col,',','')) 
from
 (select 'col1,col2,col3,col4' as col from dual);

COL                 LENGTH(COL)-LENGTH(REPLACE(COL,',',''))
------------------- ---------------------------------------
col1,col2,col3,col4                                       3

String selection


BEGIN
  :P1_STRING := 'col1,col2,col3,col4';

  select length(:P1_STRING)-length(replace(:P1_STRING,',','')) into :P1_CHAR_CNT from dual;
END;

Watch this thread on Ask Tom: http://asktom.oracle.com/pls/apex/f?p=100:11:0::::P11_QUESTION_ID:55423584511523

APEX bug with APEX_ITEM and POPUPKEY_FROM_LOV

2011-03-17T20:39:00.001+01:00

Try to set two POPUPKEY_FROM_LOVs beside each other with the column ids: 2,3


select
APEX_ITEM.CHECKBOX (1,ac.ac_id) as ac_id,
APEX_ITEM.POPUPKEY_FROM_LOV(2,ac.application_key,'lov_apps',50) as application,
APEX_ITEM.POPUPKEY_FROM_LOV(3,ac.system_key,'lov_systems',50)   as system
from app_conf ac;

When you run the page then APEX automatically creates a hidden field for the return value of the "popup lov".

The output looks like that:
column "application": Return column id = 2, Display column id = 3
column "system": Return column id = 3, Display column id = 4

If you set a value for column "system" it saves the "return value" in the "display value"-field of column "application".

Workaround: Use at least two numbers in between to avoid this behavior:


select
APEX_ITEM.CHECKBOX (1,ac.ac_id) as ac_id,
APEX_ITEM.POPUPKEY_FROM_LOV(2,ac.application_key,'lov_apps',50) as application,
APEX_ITEM.POPUPKEY_FROM_LOV(4,ac.system_key,'lov_systems',50)   as system
from app_conf ac;

New plug-in "Add favorite"

2011-03-16T19:51:00.003+01:00

Have you ever looked for a solution to create an "add favorite"-button which let the user bookmark your website. You probably found out that each browser uses an own solution for it. I put it all into a nice little dynamic action plug-in. It supports to load only the "add favorite"-function, bookmark the current APEX page, bookmark any other page you define through the plug-in.

Supported browsers: MS Internet Explorer, Firefox, Opera

Demo: http://apex.oracle.com/pls/otn/f?p=65560:ADD_FAVORITE

I'm still working on the demo and will release all new plug-ins in the next couple of weeks. For all who want those plug-ins before the release then refer to this post: How can we help Japan?

Tobias

Nice button solutions

2011-03-15T14:09:00.001+01:00

Just saw this nice compilation of HTML/CSS button solutions.

speckyboy.com: http://speckyboy.com/2009/05/27/22-css-button-styling-tutorials-and-techniques/

How can we help Japan?

2011-03-12T23:41:00.009+01:00

To help the suffering people of Japan my applications from now on "cost" a donation (no matter how small or big) via any aid organisation of Your own choice. All You APEX users who are interested in my plug-in example application just have to send me an e-mail (tobias-arnhold@hotmail.de) including a confirmation of Your donation and You are able to get the export of the application "for free". I hope You have understanding and will do this small effort. I am very greatful for Your cooperation.

Plug-in example application: http://apex.oracle.com/pls/otn/f?p=65560:DONATE_TO_JAPAN

The example application also includes the new "Icon Loader" Plug-in

The plug-in will soon be released.

Info: The application can not be downloaded anymore from my workspace on apex.oracle.com

If you want to then feel free to follow my example and either develope your own "donation for application" -site or you can get access to my workspace "APEX_PLUGINS" and integrate your plug-ins there. I will buy it ;O)

Range Slider Plug-in for APEX?

2011-03-08T21:00:00.000+01:00

I'm a bit surprised that there is no range slider plug-in for APEX yet. At least I couldn't find one.

There are a couple of nice examples out there in the wild. I'm curios if somebody of you uses such a plug-in in APEX or is developing a plug-in right now?

I saw one blog entry from Paul Brookes: http://peekbee.blogspot.com/2010/02/range-slider-plugin.html
But the plug-in seems not to be released on: http://www.apex-plugin.com/

List of nice slider solutions:
http://www.paciellogroup.com/blog/misc/samples/aria/slider/doubleslider.html
http://jqueryui.com/demos/slider/#range
http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html

I also started a forum entry about it:
http://forums.oracle.com/forums/thread.jspa?threadID=2187679&tstart=0

I will let you know if I here anything about it.

Es sind die kleinen Dinge, die APEX 4 so viel besser machen

2011-03-07T17:45:00.002+01:00

Ich habe heute eine Frage im APEX Forum beantwortet. Diese recht trivial klingt, aber in der Konstellation doch recht anspruchsvoll wurde.

Ausgangslage:
Ein Entwickler hat zwei Textfelder: P1_FIELD_A, P1_FIELD_B und beide Felder sind im DATE-Format.
Wenn er das Feld P1_FIELD_A verlässt, dann soll das Feld P1_FIELD_B den Wert von P1_FIELD_A erhalten und diesen Wert automatisch um 1 Jahr erhöhen.

Wie gesagt es klingt recht einfach, sofern Sie PL/SQL verwenden dürfen und APEX 4.0 im Einsatz haben!


Kreieren Sie eine Dynamic Action > "Erweitert"  > Event: "Lose Focus" > Item: P1_FIELD_A

TRUE Action: "Set Value" > Set Type: "PL/SQL Expression" >
Code: to_char(add_months(to_date(:P1_FIELD_A,'DD.MM.YYYY'),12),'dd.mm.yyyy')
Page Items to Submit: P1_FIELD_A

Affected Elements: Items > Item: P1_FIELD_B

Mit APEX 3 sah das noch ganz anders aus!
Statt einfach auf eine PL/SQL Funktion zugreifen zu können, musste diese über Javascript als Application Prozess eingebunden werden. Statt 5 Klicks brauchten Sie 20 Zeilen Code der an verschiedenen Stellen lag.
Ich habe die Aufgabe versucht mit Javascript zu lösen. Verdammt unschön und aufwendig so ganz ohne PL/SQL:

Dazu müssen Sie dem Element P1_FIELD_A folgenden Code unter "HTML Form Element Attributes" zuweisen:


onblur="javascript:fnc_field_b(this)"

Und im Page Header folgte dieser JS Code:


<script>
function fnc_field_b(v_field_a){
/* Input: mm/dd/yyyy */
/* Output: dd.mm.yyyy */
/* Documentation: http://www.javascriptkata.com/2007/04/27/mastering-of-the-date-object-in-javascript/ */
/*                http://programming.top54u.com/post/Javascript-Convert-String-to-Date.aspx            */

/* Create date object */
var myDate = new Date(v_field_a.value);

/* Add 1 year */
myDate.setDate(myDate.getDate() + 365);

/* Create output string DD.MM.YYYY */
/* Day */
var myStr = (myDate.getDate() < 10 ? "0" + myDate.getDate().toString() : myDate.getDate().toString()) +  ".";
/* Month */
    myStr = myStr + (myDate.getMonth()+1 < 10 ? "0" + (myDate.getMonth()+1).toString() : (myDate.getMonth()+1).toString()) + ".";
/* Year */
    myStr = myStr + myDate.getFullYear().toString();
 
/* Set value */
$s('P1_FIELD_B',myStr);
}

Dabei ist dieser Code noch nicht einmal inhaltlich vollständig. Javascript kann nur das Format mm/dd/yyyy direkt in Date umwandeln.
Ok und diese:
* MM-dd-yyyy
* yyyy/MM/dd
* MM/dd/yyyy
* MMMM dd, yyyy
* MMM dd, yyyy
Unser beliebtes dd.mm.yyyy ist nicht dabei. Also müsste man dieses via ein paar ausgefeilten String-Funktionen noch umwandeln und unter Umständen noch eine Regular Expressions zum Fehlerhandling hinzufügen.
Javascript unterstützt auch nicht die to_char-Funktion. Weshalb ein recht komplexer Script zu umwandeln benötigt wird. Das Gute an JS ist, dass es unzählige Beispiele im Netz gibt.
Weshalb dieser Part recht einfach zu lösen war (http://www.javascriptkata.com/2007/04/27/mastering-of-the-date-object-in-javascript/).

Nur zur Info: Die meisten anderen Web-Entwickler haben kennen keine Dynamic Action Logik bzw. kennen kein PL/SQL.

Das zeigt nur im kleinem Beispiel warum die Entwicklung von APEX Anwendungen so schnell geht.
Ich vergleiche das immer mit Oracle Forms und Oracle Java Alternativen dazu. Wieso tief in den Programmierschichten graben wenn das Leben doch so leicht sein kann. :)

Den Forum Beitrag finden Sie hier: http://forums.oracle.com/forums/thread.jspa?threadID=2186734&tstart=0

Hide Interactive Report filter dynamically after page load

2011-02-28T16:48:00.004+01:00

To hide IRR filters always after the page load just use this little JS code inside a dynamic action (event: "Page Load")


/* Hide IRR filter after page load*/
if( $('#apexir_CONTROLS_IMAGE').attr("src") == '/i/minus.gif') {
   gReport.toggle_controls($x('apexir_CONTROL_PANEL_CONTROL'));
}

Result:

Interactive Report Header problem with multiple lines

2011-02-28T16:20:00.002+01:00

There is a bug/misbehavior inside the IRR column headers in APEX 4. When you create column names with linebreaks (using the <br> tag) inside then the background color changes to a grey background on the second line.
Workaround: Add this script to your IR region header:


<style>
/* IRR Header Fix */
.apexir_WORKSHEET_DATA th{background-color:#828282!important;}
</style>

Bug view:

Fixed view:

There is a forum entry as well: http://forums.oracle.com/forums/thread.jspa?threadID=1981024

ORA-20503 im APEX Application Builder

2011-02-25T05:12:00.004+01:00

Falls Sie auf den Fehler ORA-20503 während der Arbeit im APEX Application Builder treffen, dann wird ihnen dieser Blogeintrag hoffentlich viel Ärger ersparen.

Beispielfälle:


ORA-20503: Die aktuelle Version der Daten in der Datenbank wurde geändert, seit der Benutzer einen Updateprozess eingeleitet hat. Aktuelle Prüfsumme (Checksum) = "CE59A26EB14199C787195DCC947CFC04" Anwendungs-Prüfsumme (Checksum) = "8D8F85130213A161B73628D3D0B3F56E" Zeile der Tabelle WWV_FLOW_FEEDBACK konnte nicht verarbeitet werden.



ORA-20503: Die aktuelle Version der Daten in der Datenbank wurde geändert, seit der Benutzer einen Updateprozess eingeleitet hat. Aktuelle Prüfsumme (Checksum) = "076BC396EB2BA9DEF778E5B684CFA2B5" Anwendungs-Prüfsumme (Checksum) = "3EF59F3E445142B8A971E94C9FFABB59" Fehler beim Verarbeiten von Zeile.

Wahrscheinlich haben Sie mehrere Sprachen in ihrer APEX Umgebung installiert. Beispielsweise: Englisch, Deutsch.

Nun gibt es in APEX 4.0 das Phänomen, dass während der Laufzeit sich die Sprache im Application Builder von Englisch auf Deutsch einfach ändert,
obwohl unter "Home" Englisch als Sprache eingestellt ist.
Der Grund des Problems liegt wohl an ihrer eingestellten "Browser Language", die für gewöhnlich auf Deutsch eingestellt ist.

In diesem Zusammenhang kommt der ORA-20503 Fehler zustande. Ich denke das dies ein Bug in der aktuellen Version ist.
Es ist recht einfach diesen Fehler zu beheben:
- Melden Sie sich am APEX Application Builder an.
- Unter "Home" Startseite (1000) können Sie am rechten Seitenrand die Sprache einstellen "Language"
- Stellen Sie die Sprache auf "Deutsch" um
- Gehen Sie in das Item (bzw. in den fehlerhaften Bereich) und speichern Sie dieses erneut ab.
- Es sollte alles funktionieren!
- Alternativ können Sie auch jederzeit mit einem alternativen Browser die Daten abspeichern, der Fehler bleibt aber in ihrem Standardbrowser existent.

Bei mir trat dieser Fehler bisher nur im Firefox auf. Ich entwickle allerdings auch nur ausschließlich in diesem. :)

Ich hoffe die Sprachsteuerung wird in APEX 4.1 etwas verbessert, so dass weder der ORA-20503 auftritt noch sich einfach die Umgebungssprache ändert.

In den folgenden Forum Beiträgen finden Sie weitere Informationen zum Fehler:
http://forums.oracle.com/forums/thread.jspa?messageID=9299655
http://forums.oracle.com/forums/thread.jspa?messageID=9368275

Clear the page cache with PL/SQL

2011-02-24T16:32:00.000+01:00

I just stumbled into a problem where I needed to clear the page cache inside an APEX PL/SQL process.

It is quite easy if you know how:


APEX_UTIL.CLEAR_PAGE_CACHE (160);

-- APEX_UTIL.CLEAR_PAGE_CACHE (
--     p_page IN NUMBER DEFAULT NULL);
-- Description: This procedure removes session state for a given page for the current session.

There are two other similar functions:
CLEAR_APP_CACHE, CLEAR_USER_CACHE

For more information watch the documentation for APEX_UTIL:
http://download.oracle.com/docs/cd/E10513_01/doc/apirefs.310/e12855/apex_util.htm#BABCIAFJ

Freeze panes example

2011-02-23T09:44:00.001+01:00

Just saw the nice looking freeze panes example of Andy (ATD) in the Oracle APEX forum.
It is to good to not being mentioned.

Example:
http://apex.oracle.com/pls/otn/f?p=267:47

For more information about the implementation watch this forum post:
http://forums.oracle.com/forums/thread.jspa?threadID=2180543

Sichere URLs mit einem Application Process erstellen

2011-02-15T18:40:00.012+01:00

Wenn Sie eine APEX Anwendung mit Session State Protection verwenden, dann muss jeder Request entsprechend ihrer Einstellungen mit einem sicheren Hash-Schlüssel versendet werden. Wie Sie dies während der Laufzeit mit einem Application Process erstellen können, beschreibt dieser Artikel:

Was ist Session State Protection und für was brauch ich diese Funktion in APEX Anwendungen?
SSP schützt vor dem manuellen ändern der Browser URL durch den Endbenutzer, so dass dieser nicht einfach eine falsche ID abfragen oder beliebige Page-/Applikations-Variablen während der Laufzeit ändern kann.
- SSP muss explizit über Shared Components > Session State Protection aktiviert werden.
- SSP kann für jede Seite und jedes Item individuell definiert werden.
- SSP macht die Entwicklung nicht einfacher aber wesentlich sicherer.
- SSP schützt nicht automatisch vor allen feindlichen Attacken gegen eine APEX Anwendung.

Alles wichtige rund um SSP finden Sie in der APEX Dokumentation:
http://download.oracle.com/docs/cd/E17556_01/doc/user.40/e15517/sec.htm#HTMDB12002

Ein paar nützliche Links zum Thema SSP und APEX Sicherheit allgemein:
http://www.oracle.com/global/de/community/tipps/securitytipps/index.html
http://www.talkapex.com/2009/05/apex-page-access-protection-and-session.html
http://dgielis.blogspot.com/2007/03/session-state-protection-and-url.html
http://apps2fusion.com/at/64-kr/400-preventing-url-tampering-using-apex-session-state-protection

Im Normalfall generiert APEX sichere URL's automatisch, sobald SSP aktiviert wurde. Leider ist dies in Verbindung mit manuell erstelltem Code nicht der Fall. Um eigene sichere URL's zu definieren, müssen Sie die URL mit der PL/SQL Funktion apex_util.prepare_url validieren und Sie erhalten die sichere URL als Rückgabewert. Dies funktioniert exzellent bei dynamisch erstelltem PL/SQL Code. Wenn Sie dies über eine Javascript Funktion verwenden möchten, dann brauchen Sie entweder eine Dynamic Action oder einen Application Process Aufruf, der ihnen die sichere URL zurück liefert. Ein Beispielfall könnte ein dynamischer Javascript Baum sein, dieser zur Seiten-Navigation verwendet wird. Die Baum-Daten würden via AJAX dynamisch nachgeladen werden. Bsp: ExtJS in APEX
(Dieses Beispiel zeigt nur ein mögliches Szenario, es enthält kein SSP und kein AJAX.)

Die Frage ist nun: Wie bauen Sie solch einen Prozess!?

Fügen Sie diesen Code ihrem Javascript Prozess hinzu:


/* Call Application Process um eine Secure URL zu erstellen */
  v_no_sec_url = 'f?p=25500:8:3521997579041922::NO::P8_E_ID:131'
  /* Statt der dargestellten URL wuerden Sie eine Javascript Variable verwenden, diese die URL enthaelt. */
      
  /* Aufruf eines Application Prozess ueber Javascript: http://www.packtpub.com/article/ajax-implementation-apex */
  var v_get_sec_url = new htmldb_Get(null, $v('pFlowId'),'APPLICATION_PROCESS=AP_SECURE_URL', $v('pFlowStepId'));
      
  /* Uebergabe Parameter 1 und 2 definieren */
  v_get_sec_url.addParam('x01',v_no_sec_url);
  v_get_sec_url.addParam('x02','SESSION');
      
  v_sec_url = v_get_sec_url.get(); /* Uebergebe APEX Wert an Javascript Variable */
  /* alert(v_sec_url); */
 
  window.location.href = v_sec_url /* Seite mit neuem HREF aktualisieren */

Nun definieren Sie den Application Process - AP_SECURE_URL:


DECLARE
 v_part1 varchar2(100);
 v_part2 varchar2(1000);
 v_url   varchar2(1200);
BEGIN
 /* Teile URL */
 v_part1 := substr(wwv_flow.g_x01,1,instr(wwv_flow.g_x01,'f?p')-1);
 v_part2 := substr(wwv_flow.g_x01,instr(wwv_flow.g_x01,'f?p'));
 
 /* Erstelle sichere URL */
 /* Hilfe: http://apex.oracle.com/i/doc/AEAPI/apex_util074.htm */
 v_url   := APEX_UTIL.PREPARE_URL(p_url => v_part2,
                                  p_checksum_type => wwv_flow.g_x02);
 
 /* Return mit Teil 1 und Secure URL */
 htp.p(v_part1 || v_url);
END;

Die erstellte URL ist aber nur die halbe Miete. Für jeden AJAX Call (Bsp: Klick auf Baum Subeinträge) muss sichergestellt werden, dass der Endbenutzer die übergebenen Parameter auch wirklich verwenden darf.
Deswegen müssen Sie ein oder mehrere Validierungs-Checks in die Prozedur integrieren:


DECLARE
 v_part1   varchar2(100);
 v_part2   varchar2(1000);
 v_sec_url varchar2(1200);
 
 /* Parameter fuer eigene URL Validierung */
 v_url_validation number;
 v_url_parameter  varchar2(200);
 v_url_page       varchar2(10);
BEGIN
 /* Teile URL */
 v_part1 := substr(wwv_flow.g_x01,1,instr(wwv_flow.g_x01,'f?p')-1);
 v_part2 := substr(wwv_flow.g_x01,instr(wwv_flow.g_x01,'f?p'));
 
 /* Wichtig: Individuelle URL Validierung fuer uebergebene Parameter        */
 /* ----------------------------------------------------------------------- */
 v_url_parameter := substr(v_part2,
                           instr(v_part2,':',1,7)+1
         );
 v_url_page      := substr(v_part2,
                           instr(v_part2,':',1,1)+1,
                           instr(v_part2,':',1,2)-instr(v_part2,':',1,1)-1
         );
 
 if (v_url_parameter in (10,20,30,40,50)
       and v_url_page = 10)
 or (v_url_parameter in (60,70,80,90,100) 
       and v_url_page = 10 
    and :APP_USER = 'TARNHOLD') 
 then
   v_url_validation := 1;
 else 
   v_url_validation := 0;
 end if;
 /* ----------------------------------------------------------------------- */
 
 if v_url_validation = 1 then
   /* Wenn OK, dann erstelle sichere URL */
   /* Hilfe: http://apex.oracle.com/i/doc/AEAPI/apex_util074.htm */
   v_sec_url := APEX_UTIL.PREPARE_URL(p_url => v_part2,
                                      p_checksum_type => wwv_flow.g_x02);
 
   /* Return mit Teil 1 und Secure URL */
   htp.p(v_part1 || v_sec_url);
 else
   /* Bei Validierungsfehlern (falsche Parameter) auf Anmeldeseite verlinken */
   htp.p(v_part1 || 'f?p=' || :APP_ID || ':101');
 end if;
EXCEPTION
  WHEN OTHERS THEN
    /* Bei unbekannten Fehler auf Anmeldeseite verlinken */
    htp.p(v_part1 || 'f?p=' || :APP_ID || ':101');
END;

Solch eine Prozedur muss alle nicht erlaubten Fremdeingaben abfangen, um die Sicherheit in ihrer Anwendung zu gewährleisten.
Deswegen zeige ich ihnen eine noch sicherere Beispiel-Prozedur, damit eine mögliche Risikominimierung für feindliche Attacken und der Aufwand dessen deutlich wird, der für eine solche Prozedur notwendig ist:


DECLARE
 v_part1   varchar2(100);
 v_part2   varchar2(1000);
 v_sec_url varchar2(1200);
 
 /* Parameter fuer eigene URL Validierung */
 v_url_validation number;
 v_url_app        varchar2(100);
 v_url_page       varchar2(100);
 v_url_request    varchar2(100);
 v_url_debug      varchar2(3);
 v_url_clearcache varchar2(100);
 v_url_param_name varchar2(200);
 v_url_param_val  varchar2(200);
 -- v_url_printer    varchar2(200);
BEGIN
 /* Teile URL */
 v_part1 := substr(wwv_flow.g_x01,1,instr(wwv_flow.g_x01,'f?p')-1);
 v_part2 := substr(wwv_flow.g_x01,instr(wwv_flow.g_x01,'f?p'));
 
 /* Wichtig: Individuelle URL Validierung fuer uebergebene Parameter        */
 /* ----------------------------------------------------------------------- */
 v_url_app        := substr(v_part2,
                            instr(v_part2,'=',1,1)+1,
                            instr(v_part2,':',1,1)-instr(v_part2,'=',1,1)-1
         );
 v_url_page       := substr(v_part2,
                            instr(v_part2,':',1,1)+1,
                            instr(v_part2,':',1,2)-instr(v_part2,':',1,1)-1
         );
 v_url_request    := substr(v_part2,
                            instr(v_part2,':',1,3)+1,
                            instr(v_part2,':',1,4)-instr(v_part2,':',1,3)-1
         );
 v_url_debug      := substr(v_part2,
                            instr(v_part2,':',1,4)+1,
                            instr(v_part2,':',1,5)-instr(v_part2,':',1,4)-1
         );
 v_url_clearcache := substr(v_part2,
                            instr(v_part2,':',1,5)+1,
                            instr(v_part2,':',1,6)-instr(v_part2,':',1,5)-1
         );
 v_url_param_name := substr(v_part2,
                            instr(v_part2,':',1,6)+1,
                            instr(v_part2,':',1,7)-instr(v_part2,':',1,6)-1
         );
 v_url_param_val  := substr(v_part2,
                            instr(v_part2,':',1,7)+1
         );
/* TEST
htp.p( 'v_url_app: ' || v_url_app || ' ,v_url_page: ' || v_url_page || ' ,v_url_request: ' || v_url_request 
    || ' ,v_url_debug: ' || v_url_debug || ' ,v_url_clearcache: ' || v_url_clearcache 
    || ' ,v_url_param_name: ' || v_url_param_name || ' ,v_url_param_val: ' || v_url_param_val
    );
*/

 if    v_url_app IN (:APP_ID,:APP_ALIAS) 
   AND v_url_request is null
   AND v_url_debug = 'NO'
   AND (
            v_url_page IN ('1','2','3','4','5') 
            and v_url_param_name is null
            and v_url_param_val is null
        OR   v_url_page = '10' 
            and v_url_param_name IN ('P10_MFD_ID')
            and v_url_param_val IN (1,14,15,16,17,19) /* Koennte auch ein Sub Select sein*/
            and length(v_url_param_val)-length(replace(v_url_param_val,',','')) = 0
        OR v_url_page = '20' 
            and v_url_clearcache = '20'
            and v_url_param_name IN ('P20_KLT_ID') 
            and v_url_param_val IN (100,200,300,400,500,600) /* Koennte auch ein Sub Select sein*/
            and length(v_url_param_val)-length(replace(v_url_param_val,',','')) = 0
        OR v_url_page = '30' 
            and v_url_clearcache = '30'
            and v_url_param_name IN ('P30_KLS_ID,P30_KLS_PAR1') 
            and substr(v_url_param_val,1,instr(v_url_param_val,',')-1) IN (1000,2000,3000,4000,5000,6000)
            and length(v_url_param_val)-length(replace(v_url_param_val,',','')) = 1
        )
 then
   v_url_validation := 1;
 else 
   v_url_validation := 0;
 end if;
 /* ----------------------------------------------------------------------- */
 
 if v_url_validation = 1 then
   /* Wenn OK, dann erstelle sichere URL */
   /* Hilfe: http://apex.oracle.com/i/doc/AEAPI/apex_util074.htm */
   /* Der Parameter: p_checksum_type sollte fest über die Prozedur gesteuert werden */
   v_sec_url := APEX_UTIL.PREPARE_URL(p_url => v_part2,
                                      p_checksum_type => 'SESSION');
 
   /* Return mit Teil 1 und Secure URL */
   htp.p(v_part1 || v_sec_url);
 else
   /* Bei Validierungsfehlern (falsche Parameter) auf Anmeldeseite verlinken */
   htp.p(v_part1 || v_part2);
   -- htp.p(v_part1 || 'f?p=' || :APP_ID || ':101');
 end if;
EXCEPTION
  WHEN OTHERS THEN
    /* Bei unbekannten Fehler auf Anmeldeseite verlinken */
    htp.p(v_part1 || 'f?p=' || :APP_ID || ':101');
END;

Was schließt man daraus: Schönheit kann ganz schön teuer (aufwendig) werden. :) Wer hätte das gedacht.

Fazit: Die Verwendung von SSP mit Standard APEX Funktionalität bietet ohne großes Wissen die meiste Sicherheit. Bei der Verwendung von eigenen Erweiterungen, muss auf die oben beschriebenen Sicherheitsaspekte Wert gelegt werden. Deswegen ist es auch von Vorteil solche Erweiterungen in Plug-Ins auszulagern. Mehr Infos dazu erhalten Sie in meinem letzten APEX Community Beitrag: HowTo: APEX 4.0 Dynamic Action Plugins

Wenn Sie Unterstützung bei APEX Security Themen benötigen, dann können Sie sich natürlich immer an mich (Tobias Arnhold - tobias-arnhold@hotmail.de) wenden. Ein wahrer Kenner auf dem Gebiet "APEX Security" ist Denes Kubicek, dieser auch spezielle Schulungen zum Thema APEX anbietet.

UILayout: Hide half loaded elements

2011-02-14T22:20:00.003+01:00

One of the problems of an layout extension is the initialization time.
Normally the UILayout needs a couple of seconds to initialize (1-3). Depending on your server connection, your client hardware and your browser (IE6 is slow, FF 3.6 is fast).

To show a similar loading frame like the ExtJS Loading Icon http://apex.oracle.com/pls/apex/f?p=65555:1 use this trick:

Add the following code to the beginning of your Page Template Body or add a new HTML region (No template) on page 0:


<div style="width: 100%; height: 100%; position: absolute; left: 0pt; top: 0pt; background-color: rgb(255, 255, 255); z-index: 4000; opacity: 0.8; display: block;" id="loadingBackground">
<div style="height: auto;left: 50%;position: absolute;top: 50%;text-align: center; color: #555555;font-size: 18px;font-family:Arial,Helvetica,Geneva,sans-serif;padding:8px;42px;"> ... Loading ... </div>
</div>

After the initialization of the UILaoyut plug-in use the LoadingIcon plug-in with the option "Stop LoadingIcon"

The initialization feels much smoother now.

Example: http://apex.oracle.com/pls/apex/f?p=AAW_PLUGINS:UILAYOUT_PLUGIN

Hide/Show APEX items and labels with jQuery

2011-02-02T19:32:00.006+01:00

To hide or show items and labels with jQuery use this syntax:


  $('#P1_NAME').hide();
  $('#P1_NAME').parent().hide();
  $('#P1_COMPANY').show();
  $('#P1_COMPANY').parent().show();

Update 06.02.2011:
Peter mentioned right that this example only works when your item label is set to above!

Short way:


  $('#P1_NAME').hide().parent().hide();
  $('#P1_COMPANY').show().parent().show();

@Jaydip
"I want to remove those hidden item space. Is it possible by using your method?" - No
I guess you would need to move these hidden items to another place and move them back when they are not hidden. With jQuery you could use appendTo(). I don't know if it works or not? But you would need ID's for your regions.

UILayout plug-in for APEX updated to version 1.2

2011-01-30T00:50:00.005+01:00

What's new:
- New plug-in for the styling of the UILayout. Styling is now completely supported by either the plug-in or your own CSS files.
- Bug fixes and small improvements inside the initialization plug-in.

Example application: http://apex.oracle.com/pls/apex/f?p=65560:1

Here is the complete documentation:

UILayout plug-in for APEX

View more documents from TobiasArnhold.

Update 09.02.2011:
Just released version 1.2.1 which includes some bug fixes for the initialization part.
- APEX had some issues because the div elements were out of the form element.
- Radio button just moved to next then icon when you refreshed the page. Without changing the radio item.

You can download the current version here: UILayout plug-in for APEX 1.2.1 - www.apex-plugin.com/

UILayout Plug-in update is online

2011-01-22T00:48:00.002+01:00

A new version of the UILayout plug-in for APEX is online on www.apex-plugin.com: UILayout 1.1 - Update

I added a couple of features. Like sizing, disabling of areas, Dynamic actions during runtime, IR Bug - Solution,...

Hope for some feedback.

Tobias

UILayout Plugin Design Issues

2011-01-09T21:44:00.004+01:00

I finished the first part of the UILayout Plug-in. For me it is the first plug-in as well. Any feedback is much appreciated.

It handles the initialization of the UILayout and the moving of the APEX template ID's/Classes to the UILayout areas by the plug-in or by the template.

Now I'm thinking about the second part. It will handle the sizing of each area: NORTH, SOUTH, WEST and EAST.

There are 7 settings for each area:
- Display: Yes/No
- Closable: Yes/No
- Resizable: Yes/No
- Slidable: Yes/No
- Size: (Number value like "250" as px)
- Min-Size: (Number value like "150" as px)
- Max-Size: (Number value like "350" as px)

I could either create one plug-in for all areas with comma separated values or create 4 plug-ins for each area one plug-in.

What is more troubling for the end user?

Version 1 - One Plug-in:
Example based on the following logic: NORTH,SOUTH,WEST,EAST
- Display: yes,yes,yes,no
- Closable: no,no,yes,no
- Resizable: no,no,yes,no
- Slidable: no,no,yes,no
- Size: 150,100,400,0
- Min-Size: 0,0,300,0
- Max-Size: 0,0,800,0

For me it looks quite difficult making the correct settings!

Version 2 - Four Plug-ins:
Example based on the NORTH area:
- Display: yes
- Closable: no
- Resizable: no
- Size: 150

Example based on the WEST area:
- Display: yes
- Closable: yes
- Resizable: yes
- Slidable: yes
- Size: 400
- Min-Size: 300
- Max-Size: 800

For me it looks much easier to set it correctly. But the end user would need to install all 4 plug-ins.

What do you think?

By the way you can try the first plug-in here: http://apex.oracle.com/pls/otn/f?p=65560:1

You can download it from apex-plugin.com: http://www.apex-plugin.com/oracle-apex-plugins/dynamic-action-plugin/uilayout-part-1-initialize_77.html

If nobody answers I will probably create 4 similar plug-ins for each area.

First impressions of developing an APEX plugin

2010-12-20T22:53:00.006+01:00

After spending a couple of hours in building my first plugin. I came to the conclusion to create a plug-in which uses the UILayout technology. My first idea was to build my own solution. After studying the documentation of UILayout I only thought that's the tool I want to work with! :)

Now after I created a working template I thought of how to include this into a plug-in?

First idea: Don't change anything on the page template if you have a similar organization of your page (North, West, South, East, Center)!
You say what you want in what area of the UILayout (West, North, Center...) inside the plug-in. To achieve that you take ID's or Classes of the main elements of your page template.
Part of the standard page template:

Plugin settings:

As you see I almost only use the standard ID's. Only the west div is not part of the original template.

After I created a first easy solution. I thought about the source code and the available attributes in the APEX plugin (max. 10)! 10 Attributes would only be enough for the sizing of the areas and would never be enough for all settings I need.

Second idea: I will build several modular plug-ins where everyone creates a special part of the layout.
1. Layout creation and region assigning
2. Area sizing (Size, Min-Size, Max-Size, No area at all)
3. Look and Feel (background-color,border-color,...)
4. Place for more ideas like Dynamic Layout Add-ons

What do you think? Developing a plug-in like that makes it maybe more complicated to configure. On the other side I would need comma separated lists if I only would use one plug-in!

Your opinion is appreciated.

Anyway I wish everybody a Merry Christmas and a successful APEX year 2011!

Problem refreshing Interactive Report with Dynamic Action

2010-12-20T18:56:00.003+01:00

It happened now two times that I wanted to update an IRR by a Dynamic Action. It just did not worked! The Dynamic Action fired (I saw that by debugging with Firebug and APEX) but the Report did not update. Finding the solution costs me some minutes/hours!

Reason: I assigned no Region template to the IRR (User Interface > Template : No Template)

Solution: I created a new empty region template and used that instead of "No Template".

Ein paar nützliche Informationen zum APEX Autocomplete Item

2010-12-15T20:11:00.009+01:00

1. Das Item basiert auf dem JQuery Plugin: Autocomplete. Wenn Sie nähere Informationen zur Funktionsweise suchen, dann schauen Sie auf dieser Seite nach.

2. Tyler Muth erstellte unter APEX 3 eine Erweiterung für APEX: jquery-autocomplete-for-apex

3. Seit APEX 4 ist es ein Standard Item Type

4. Innerhalb des APEX Items können Sie spezielle Einstellungen für diesen Item Type vornehmen. Die wichtigste Einstellung ist die "Search"-Einstellung, Sie beinhaltet "Exact" oder "Contains" zur Auswahl.
Der entscheidende Unterschied ist die Art der Suche!
Bei dem Exact Verfahren wird ein Select ähnlich diesem während der Laufzeit aufgebaut:


-- Exact
SELECT a.*
FROM (SELECT DISTINCT CITY AS RV
      FROM  address_data ad
      WHERE ad.country = :P1_COUNTRY 
      ORDER BY 1) a
WHERE "RV" LIKE :p$_search_string || '%' AND ROWNUM <= :p$_max_rows;

Wobei bei dem Contains Verfahren die INSTR Funktion verwendet wird:


SELECT   a.*
  FROM   (  SELECT   DISTINCT CITY AS RV
              FROM   address_data ad
             WHERE   country_id = :P1_COUNTRY
          ORDER BY   1) a
 WHERE   INSTR ("RV", :p$_search_string) > 0 AND ROWNUM <= :p$_max_rows;

Bei der Verwendung von Indizes kann diese Info von entscheidenden Vorteil sein.
Ich habe zu diesem Thema vor kurzem auch eine Forum Anfrage gestartet: Problem with Textfield autocomplete --> only uses the INSTR function

5. Speichern Sie Werte nach jeder Eingabe durch eine Dynamic Action in der APEX Session *:
Event: Lose Focus
Selection Type: Item(s)
Item(s): P1_CITY
TRUE Action: Execute PL/SQL Code
PL/SQL Code: null;
Page Items To Submit: P1_CITY

6. Löschen Sie den Cache der Autocomplete Ergebnisliste durch eine Dynamic Action *:
Event: Lose Focus
Selection Type: Item(s)
Item(s): P1_CITY
TRUE Action: Execute Javascript Code
Code: $('#P1_STREET').flushCache(); $('#P1_ZIP').flushCache();

7. Sie können durch ein wenig Aufwand auch direkt durch TAB in das nächstes Input Item springen (Achtung: Item zurück SHIFT-TAB ist in der Lösung nicht möglich!)
Event: Key Release
Selection Type: Item(s)
Item(s): P1_CITY
TRUE Action: Execute Javascript Code
Code:


var vEvent  = this.browserEvent.keyCode;
var vEl     = this.triggeringElement;
var vName   = this.triggeringElement.id;
var vButton = "9"; /* TAB Key */

/* Check ob Event TAB Press ist */
if (vEvent == vButton){

  if (vName == 'P1_CITY'){
    /* Flush Cache aller anderen Autocomplete Items */
    $('#P1_ZIP').flushCache(); $('#P1_STREET').flushCache();
    /* Sprung in naechstes Item - manuelle Vorgabe */
    setTimeout(function() {$('#P1_STREET').focus();}, 1);
  }

  if (vName == 'P1_STREET'){
    $('#P1_ZIP').flushCache(); $('#P1_CITY').flushCache();
    setTimeout(function() {$('#P1_STREET_NO').focus();}, 1);
  }
}

8. Aktuell fehlt noch das Lade-Icon das während der Suche im Item angezeigt wird. Dieses Problem wird in APEX 4.1 behoben sein. Workaround: APEX Page item Text Field with autocomplete doesn't show load icon

* Wichtig bei der Verwendung mehrerer Autocomplete Items auf einer Seite, da sonst der Such-Wert fehlen könnte!

Working on my first APEX Plugin

2010-12-12T22:46:00.004+01:00

It gets time to start developing my first APEX Plugin. I thought first to develop an addon with the JQuery UI.Layout for APEX.

Layout manager like ExtJS or UI.Layout are nice but hard to integrate. Especially for the different APEX templates and there specific design.

Instead of using one of these plugins I develop my own one. Which only uses a dynamic left area (west) and makes the center area (body) depended on the left area.

My goal is that the new plugin runs nice with the new standard APEX templates. Older templates should easily be migrate able.

First pictures:

Preload images in APEX

2010-12-11T00:04:00.003+01:00

Sometimes images doesn't appear immediately (for example loading icons called before onSubmit processes). Especially new users who doesn't have these images inside there browser cache could be happy to see them. :)

The workaround is quite easy. Just create a Dynamic Action like below:

Create Dynamic Action: preload_images
Event: Page Load
Action: Execute JavaScript Code
Code:


var a_imgList = new Array();
// Your images
a_imgList[0] = "/i/company/loading1.gif";
a_imgList[1] = "/i/company/loading2.gif";
a_imgList[2] = "/i/company/button1.gif";
a_imgList[3] = "/i/company/button2.gif";

var a_images = new Array()

for (i = 0; i < a_imgList.length; i++) {
    a_images[i] = new Image();
    a_images[i].src = a_imgList[i];
}

Create Dynamic Action

That's it! You probably would add this event on your login page 101.

Troubleshooting in der Firefox Entwicklung

2010-11-20T23:30:00.005+01:00

In der Entwicklung von APEX Anwendungen verwende ich ausschließlich den Firefox (FF) Browser. Zum abschließenden Test kommt dann der entsprechende Standard-Browser zum Einsatz. Für gewöhnlich ist das der IE und leider ist dieser nicht so gut für die Entwicklung geeignet wie der FF.
Manchmal kann es vorkommend das unter bestimmten Situationen der FF nicht das darstellt was er soll. Dies kann leicht mit einem anderen Browser gegen geprüft werden. In so einem Fall können folgende 3 Optionen angepasst werden, um den Fehler auf die Spur zukommen.

1. Starten Sie ihre Seite ohne den Zugriff auf Cache-Informationen
- Nutzen Sie für die temporäre Nutzung den Privat-Modus

- Oder für die ständige Nutzung die entsprechende Einstellung in den Firefox Einstellungen

2. Schauen Sie ob die Proxy-Einstellungen korrekt sind und ihr APEX Server über die Proxy-Ausnahmen definiert ist

3. Unter umständen verwenden Sie unterschiedliche Sprachen, manchmal kann es helfen die Original-Sprache der Anwendung bzw. der Daten zu definieren

Fehler dieser Sorte treten meist zu Beginn der Anwendungsentwicklung auf und sind während der Entwicklung sehr selten anzutreffen.

Select current APEX version and user schema

2010-11-19T23:05:00.005+01:00

If you didn't know how you can easily select the current APEX version or the current APEX database user APEX_xxxxx. You can use these selects:


-- Select current APEX user over all_users/dba_users
select max(u1.username) as current_apex_user 
 from all_users u1 
 where u1.username like 'APEX%' 
 and REGEXP_LIKE (substr(u1.username,'6',1), '^[0-9]*$');

-- CURRENT_APEX_USER
---------------------
-- APEX_040000

-- Select current version over dba_registry
select comp_name, version from dba_registry
 where comp_name = 'Oracle Application Express';

-- COMP_NAME                    VERSION_NO
-------------------------------------------
-- Oracle Application Express   4.0.1.00.03  

-- Select current version over apex_release
select * from apex_release;

-- VERSION_NO     API_COMPATIBILITY    PATCH_APPLIED
----------------------------------------------------
-- 4.0.1.00.03    2010.05.13           null

DOAG 2010 Eindrücke vom ersten Tag (16.11)

2010-11-18T18:50:00.005+01:00

Nach einer echt teuflischen Anreise die aus Stau, Baustellen und jeder menge Regen bestand, konnte der eigentliche DOAG Tag nur besser werden.

Den ersten Vortrag hielt Sue Harper zum Thema SQL Developer 3.0: New Features:
Dem SQL Developer wurden wirklich Interessante neue Features integriert. Das für mich bisher beste neue Feature ist der Migrations-Assistent der fast komplett neu geschrieben wurde und auch schon in der EA1 fast anstandslos läuft. Online Migration vom MS SQL Server klappte schon recht gut in Version EA1 und die Migration von MS Access lief ja auch schon unter Version 2 sehr gut. Andere vorgestellte Features wurden der bisherigen Version EA1, noch nicht beigefügt oder sind noch etwas fehleranfällig. Ich rate auf den nächsten Release Kandidaten zu warten. Eventuell wird auch der Data Modeller in der neuen Version vollständig integriert sein.

Der anschließende Vortag handelte sich um APEX 4.0 Kollaboration mit Websheets & Team-Development von Marc Sewtz:
Endlich habe ich mal tiefere Einblicke in die wirklichen Hintergründe und die unterschiedlichen Funktionsweisen der neuen APEX Features nehmen können. Ein gelungener Vortrag mit einigen Neuigkeiten rund um Websheets und Team-Development.

Weiter ging es zum Raum Seoul: BMW ConnectedDrive auf Basis von Oracle Spatial (Carsten Czarski und Christian Hüls):
Einer der besten Vorträge an diesem Tag, der zeigte was mit heutiger Technik praktisch möglich ist. Diese Features würden mich glatt dazu bekräftigen mir einen BMW zuzulegen, aber mein Leasing läuft noch ne Weile! :) Egal... Super Vortrag von beiden Vortragenden!

Danach gab es ne praktische Session von Marc Sewtz und Patrick Wolf zu neuen APEX 4.0 Features:
Die meisten Dinge kannte ich bereits, allerdings gab es eine Neuigkeit die mir wirklich weiterhilft. Wie Update ich einen Report mit Dynamic Actions der auf dynamisch geänderten APEX Items in einer WHERE-Klausel reagieren soll: Report filtering with APEX 4.0, dynamic action style
Vielen Dank nochmal Patrick für den tollen Tipp. Die Session war klasse!

Tom Kyte mit dem Thema: Was machen wir noch immer falsch zum Thema (Man glaubt es kaum) PL/SQL!
Klasse Beispiele die einmal mehr aufzeigten wie wichtig es ist, erst einmal die Probleme richtig zu durchdenken und dann mit programmieren anzufangen. Dies gilt im übrigen auch für APEX Projekte! :)

Die nächsten Session musste ich für einige Interessante Gespräche ausfallen lassen.

Die letzte Session ging um APEX und Reporting mit BIRT (Michael Pergande): Interessante Lösung die aber leider kaum Doku in Verbindung mit APEX bietet. Ich denke im Moment ist als kostenlose Alternative, Jasper Reports die beste Lösung.

Eine tolle Veranstaltung die leider viel zu kurz war...

News rund um APEX

2010-11-12T23:19:00.006+01:00

APEX Patch 4.0.2
Laut Joel Kallman wurde die APEX Testinstanz apex.oracle.com auf Version 4.0.2 umgestellt. Das bedeutet das in wenigen Tagen/Wochen das APEX Update freigegeben wird. Neuerung: 2 Neue Themes

Update des APEX Blog Aggregators:
Dimitri Gielis hat eine neue Version des APEX Blog Aggregators entwickelt. Dieser wird in den nächsten Tagen released. Er hat die Anwendung komplett neu in APEX 4.0 aufgesetzt und den Synchronisations-Mechanismus geändert. Schaut einfach mal rein: http://apexblogs.info
Meines Erachtens trägt dieser Blog-Aggregator entscheidend zur schnellen Verbreitung von APEX bei. Danke Dimitri für deine Mühen!

APEX 4.0 New Features - Wiederholung
Denes Kubicek und Dietmar Aust wiederholen ihr APEX 4.0 Training. Das Training findet vom 24-25.01.2010 statt. Weitere Infos unter: http://www.opal-consulting.de

DOAG 2010
Ich selber halte dieses Jahr keinen Vortrag auf der DOAG, aber vielleicht sieht man ja den einen oder anderen (am Dienstag den 16.11) zwischen all den APEX Vorträgen. Ich dachte ich könnte im Raum NRW oder Sachsen nen Vortrag zu APEX Navigationskonzepten halten. Mal sehen ob das die Zeit her gibt! ;)

Neuer APEX Blogger:
Es gibt auch einen neuen (Ok ist schon ein paar Tage her) Deutsch/Englisch sprachigen APEX Blog: Linh Dinh - http://www.dinh.de/wordpress/

Kleine Linksammlung rund um APEX Themen (damit ich nicht immer Google befragen muss!)

Tipps zu sicheren APEX Anwendungen/Session State Protection:
http://www.oracle.com/global/de/community/tipps/securitytipps/index.html
http://download.oracle.com/docs/cd/E14373_01/appdev.32/e11838/sec.htm
http://www.talkapex.com/2009/05/apex-page-access-protection-and-session.html
http://dgielis.blogspot.com/2007/03/session-state-protection-and-url.html
http://apps2fusion.com/at/64-kr/400-preventing-url-tampering-using-apex-session-state-protection

Einmalige APEX Anmeldung:
http://www.oracle.com/global/de/community/tipps/apex-mini-sso/index.html
http://dgielis.blogspot.com/2007/07/oracle-apex-behind-scenes-logout.html

APEX Private Interactive Reports:
http://dpeake.blogspot.com/2009/01/preserving-user-saved-interactive.html
http://www.talkapex.com/2009/10/saving-saved-interactive-reports-when.html

APEX schönere URL's:
http://www.inside-oracle-apex.com/nicer-url-for-an-oracle-apex-application/

Ne einfache Lösung für Oracle's Hochkomma Problem

2010-11-02T19:29:00.004+01:00

Wer kennt es nicht:


DECLARE
   v_text VARCHAR2 (2000);
BEGIN
   v_text := 'insert into my_table (my_column) values (''Einfach zu ''''unübersichtlich''''!'')';
   EXECUTE IMMEDIATE v_text;
END;

Die Lösung beschreibt Christian Rokitta in seinem Blog:
http://rokitta.blogspot.com/2010/11/its-little-things-in-life.html


DECLARE
   v_text VARCHAR2 (2000);
BEGIN
   v_text := q'[insert into my_table (my_column) values (q'<Einfach zu 'unübersichtlich'!>')]';
   EXECUTE IMMEDIATE v_text;
END;

Danke Christian!

Oracle HTTP Server - OHS (Part of the Oracle Web Tier Utilities)

2010-11-01T21:09:00.002+01:00

For all those who hasn't noticed and those who are watching out for the current version of the Oracle HTTP Server. It is now part of the Oracle Web Tier Utilities and can be downloaded at:
http://www.oracle.com/technetwork/middleware/downloads/fmw-11-download-092893.html

The 10g version is part of the Oracle 10gR3 Companion CD and is available at:
http://www.oracle.com/technetwork/middleware/ias/downloads/index.html

Oracle Web Tier contains the following primary components:
- Oracle HTTP Server (OHS)
- Oracle Web Cache
- Oracle Process Manager and Notification Server (OPMN)

More information about the HTTP Server can be found at:
http://www.orafaq.com/wiki/HTTP_Server_FAQ

Install guide:
http://download.oracle.com/docs/cd/E12839_01/doc.1111/e14260/toc.htm

A nice install guide with pictures was made by Sandeep Bafna and can be found at:
http://orafusionmiddleware.blogspot.com/2010/01/installation-of-web-tier-utilites-11g.html

German version:

Für all die, die noch nicht wissen wo Sie die aktuelle Version des Oracle HTTP Server finden können bzw. sich fragen was damit passiert ist. Es ist jetzt Teil der Oracle Web Tier Utilities (11g) und kann hier runtergeladen werden:
http://www.oracle.com/technetwork/middleware/downloads/fmw-11-download-092893.html

Die 10g Version ist Teil der Oracle 10gR3 Companion CD und kann hier runtergeladen werden:
http://www.oracle.com/technetwork/middleware/ias/downloads/index.html

Oracle Web Tier Utilities beinhalten die folgenden Kernkomponenten:
- Oracle HTTP Server (OHS)
- Oracle Web Cache
- Oracle Process Manager und Notification Server (OPMN)

Wenn Sie Informationen über die Funktionsweise des Oracle HTTP Server benötigen, dann schauen Sie doch mal hier rein:
http://www.orafaq.com/wiki/HTTP_Server_FAQ

Installationsanleitung:
http://download.oracle.com/docs/cd/E12839_01/doc.1111/e14260/toc.htm

Eine weitere Installationsanleitung mit Bildern kann hier angeschaut werden (Die Anleitung stammt von Sandeep Bafna und ist kein offizielles Dokument):
http://orafusionmiddleware.blogspot.com/2010/01/installation-of-web-tier-utilites-11g.html

Restore APEX Report Region Selects

2010-10-27T19:52:00.003+02:00

Maybe you came in the situation when you created an APEX report and during your development you unfortunately saved it with the wrong selection.

It happened a couple of times to me...

I found a way how you can restore such a lost selection easily within a SQL statement:


select PAGE_ID,
       PAGE_NAME,
       REGION_NAME,
       TEMPLATE,
       STATIC_ID,
       REGION_SOURCE,
       SOURCE_TYPE
  from APEX_APPLICATION_PAGE_REGIONS
    as of timestamp sysdate - 100 / (24 * 60) 
  -- Minus 100 Minutes
 where APPLICATION_ID = '100'
   and PAGE_ID = 100;

Just use the Oracle flashback feature inside the APEX View "APEX_APPLICATION_PAGE_REGIONS" and restore it from your redolog files. Column REGION_SOURCE includes the original selection.

Tooltip der Extraklasse

2010-10-23T12:28:00.005+02:00

Ich hatte ja vor nicht allzu langer Zeit schon erwähnt das ich ne Tooltip Anwendung erstellen wollte. Leider hat es die Zeit nicht ganz zugelassen.

Seit APEX 4.0 sind die Tooltips ja eh dynamisch und eigentlich brauch jetzt niemand mehr ne Speziallösung! Eigentlich...

Es gibt eine Tooltip Art die APEX noch nicht von Haus aus unterstützt: Moveover-Tooltips
Anzeige einer Infobox wenn ich mich über dem Item befinde.

Beispiel: http://www.ta-it-consulting.de/tooltip_example.html

Die Lösung basiert auf dem Quellcode von Swazz mit ihrem Tooltip Plugin: Boxover.
Paulo Vale schrieb bereits über die Integration dieses Tooltips. Damit auch die Deutsche Community dran teilhaben darf, dachte ich mir, ich erweitere die Anleitung und zeige was alles möglich ist.
Leider ist die offizielle Beispielseite nicht mehr Online. Die Javascript Datei könnt ihr hier runterladen: http://ta-it-consulting.de/boxover_tooltip.js

1. Installation - HTML Header:


<!-- TOOLTIP START -->
// Source code
<script type="text/javascript" src="#APP_IMAGES#boxover_tooltip.js"></script>

// Erweitertes Layout
<style type="text/css">
.hlpHeader{font-weight:bold;width:320px;font-family:arial;border:1px solid #6F6F6F;padding:3;fontsize:11;
color:#FFFFFF;background:#8F8F8F;filter:alpha(opacity=85);opacity:0.85;
}

.hlpBody{width:320px;font-family:arial;border-bottom:1px solid #6F6F6F;border-left:1px solid #6F6F6F;
border-right:1px solid #6F6F6F;padding:3;fontsize:11;color:#FFFFFF;background:#BFBFBF;filter:alpha(opacity=85);
opacity:0.85;
}
</style>
<!-- TOOLTIP END     -->

2. Konfiguration - Item > HTML Form Element Attributes:


Beispiel 1:
TITLE="header=[Information] body=[Hilfetext fuer dieses Item]"

Beispiel 2:
TITLE="cssbody=[hlpBody] cssheader=[hlpHeader] header=[Information] body=[Hilfetext]"

Beispiel 3:
TITLE="fixedrelx=[1] fixedrely=[-56] header=[Information] body=[Hilfetext]"

Anleitung:
http://opatia.com/js/BoxOverParameters.htm

Einstellungsmöglichkeiten:

Parameter	Mögliche Werte	Default	Beschreibung
header	Any character	blank	Specifies the header text of the caption
body	Any character	blank	Specifies the body text of the caption
fixedrelx	Any integer	N/A	Forces the X-coordinate of the caption to stay fixed (offset is relative to the annotated HTML element)
fixedrely	Any integer	N/A	Forces the Y-coordinate of the caption to stay fixed (offset is relative to the annotated HTML element)
fixedabsx	Any integer	N/A	Forces the X-coordinate of the caption to stay fixed (X is an offset relative to the body of the HTML document)
fixedabsy	Any integer	N/A	Forces the Y-coordinate of the caption to stay fixed (Y is an offset relative to the body of the HTML document)
windowlock	On / Off	On	Make caption stick to side of the window if user moves close to the side of the screen.
cssbody	Any defined style class	Built in styles	Specifies CSS class for styles to be used on caption body.
cssheader	Any defined style class	Built in styles	Specifies CSS class for styles to be used on caption header.
offsetx	Any integer	10	Horizontal offset, in pixels, of the caption relative to the mouse cursor.
offsety	Any integer	10	Vertical offset, in pixels, of the caption relative to the mouse cursor.
doubleclickstop	On / Off	On	Specifies whether to halt the caption when the user double clicks on the HTML element with the caption.
singleclickstop	On / Off	Off	Specifies whether to halt the caption when the user single clicks on the HTML element with the caption. - if both singleclickstop and doubleclickstop are set to "on", singleslclickstop takes preference.
requireclick	On / Off	Off	Specifies whether the user must first click the element before a tooltip appears. Intended for use on links so that information appears while the link is followed.
hideselects	On / Off	Off	Specifies whether to hide all SELECT boxes on page when popup is activated.
fade	On / Off	Off	Specifies whether to fade tooltip into visibility.
fadespeed	Number between 0 and 1	0.04	Specifies how fast to fade in tooltip.
delay	Any integer	0	Specifies delay in milliseconds before tooltip displays.

Dynamic Actions Beispiel

2010-10-10T13:15:00.004+02:00

Vor einer Weile wurde eine super Anleitung für die Verwendung von Dynamic Actions in APEX 4.0 auf der deutschen APEX Community Seite erstellt. http://www.oracle.com/global/de/community/tipps/apex40-dynamicactions/index.html
Damit auch der letzte die Vorteile von Dynamic Actions versteht, habe ich auf dieser Anleitung basierend eine kleine Anwendung erstellt.

Beispiel: http://ta-it-consulting.de/trigger_example.html

Wer Interesse am Code hat oder nähere Infos zu APEX 4.0 bzw. Dynamic Actions benötigt. Kann mich unter tobias-arnhold@hotmail.de einfach anmailen.

Die nächsten Tutorials warten bereits...

2010-09-01T22:38:00.004+02:00

In den nächsten Wochen und Monaten habe ich vor ein paar wirklich nützliche APEX Erweiterungen vorzustellen. In Form von Anleitungen und Beispielapplikationen soll jeder in die Lage versetzt werden, professionelle Anwendungen mit den neuesten Techniken zu entwickeln.

Die folgenden Themen stehen derzeit auf meiner Agenda:
- Tooltip Applikation: Viele Tooltip/Infobox Beispiele für APEX gibt es im Netz, nur keiner hat einen wirklichen Überblick darüber. Diese Applikation soll Abhilfe schaffen. Ein alter Post zeigt ein paar Möglichkeiten auf: All about Tooltips
- jExpand Report: Eine geniale Reportlösung mit der es möglich ist, Reports mit vielen Spalten auch auf kleinen Raum unter zu bekommen! Eine Implementierung als APEX Template wird das Ziel sein. Beispiel mit Testdaten
- JQuery Layouts: Ähnlich ExtJS ist es möglich bewegliche Seitenbereiche auch mit JQuery umzusetzen. Ein Ansatz der bisher kaum Gehör bei den APEX Entwicklern fand und endlich auch mit OpenSource Mitteln umgesetzt werden kann. http://fabrizioballiano.net/jquery-border-layout/ und http://layout.jquery-dev.net/ Bis dahin schaut doch mal in meine ExtJS Lösung rein: APEX-AT-WORK Developer Competition 2009 Edition

Ich denke das sind Themen die viele APEX Entwickler interessieren könnten. Deswegen gebt doch einfach mal ein kurzes Feedback zu meinen Ideen.

APEX 4.0 New Feature Training in Deutschland

2010-08-21T18:29:00.006+02:00

Falls ihr es noch nicht gehört habt, im Oktober 2010 geben Denes und Dietmar einen Oracle APEX 4.0 New Feature Kurs. Für alle die mehr Erfahren wollen, schaut doch einfach mal rein: OPAL-Consulting - Oracle APEX 4.0: New Features

Silbentrennung (Hyphenation) in APEX (GER)

2010-08-20T23:33:00.012+02:00

Viele Entwickler in APEX kennen das Problem professionelle gut strukturierte Reports zu entwickeln, deren Spaltenbreiten nicht über die gewünschten maximalen Breiten hinausragen.
Folgende Bedingungen erschweren die einfache Entwicklung von Reports:
- Bildschirmauflösung ist eingeschränkt (1024x768)
- Zu lange Texte in Reports (Spaltennamen, Spaltenwerte)
- Nutzung verschiedener Browser (Firefox, Internet Explorer 6, 7 und 8,Safari,...)
- Übersetzung in verschiedene Sprachen notwendig
- Nutzung unterschiedlicher Layouts mit verschiedenen CSS Eigenschaften

Vor einer Weile habe ich einen Tipp beschrieben der die Problematik ein wenig verbessern kann: Automatic linebreak if word breaks out of table element

Nun habe ich eine wirklich gut Lösung gefunden die mit ein paar einfachen Anpassungen erstaunliche Wirkungen in ihren APEX Reports hervorrufen kann. Das Zauberwort heißt Silbentrennung (Engl.: Hyphenation). Die Lösung besteht darin den dargestellten Text durch ein Javascript Plugin entsprechend der maximalen Feldbreite zu begrenzen.

Dazu wird nach jeder Aktualisierung eine Funktion gestartet, die die Felder entsprechend anpasst.
Die Anwendung heißt Hyphenator, kann in allen gängigen Sprachen dynamisch verwendet werden, ist ein Javascript Plugin und ist hier zu finden http://code.google.com/p/hyphenator/

Ein weiterer Entwickler hat ein passendes Jquery Plugin geschrieben: http://bitbucket.org/webvariants/jquery-hyphenator/wiki/Home

In dieser Kombination ist die Verwendung in APEX 3.2 oder 4.0 denkbar einfach.

Anleitung:
1. Datei downloaden
Downloaden Sie die aktuell stabile Version von hier http://hyphenator.googlecode.com/files/Hyphenator%202.5.0.zip und hier http://bitbucket.org/webvariants/jquery-hyphenator/get/v1.1.0.zip

2. Kopieren Sie das Jquery Plugin auf ihren Webspace (APEX /i/ Verzeichnis)
  /i/Hyphenator/Hyphenator.js (Umbennen von hyphenator.min.js)
  /i/Hyphenator/jquery.hyphenator.min.js">
3. Kopieren Sie den Ordner patterns aus dem Hyphenator Download in ihr Verz.
  /i/Hyphenator/patterns/de.js

4. Definieren des Plugins in ihrem APEX HTML Header


<!-- START: Hyphenator Plugin -->
<style type="text/css">
.hyph {
   /* WIDTH Parameter wird erst ueber Spalte definiert */
   display:block;
   /* DISPLAY:BLOCK ist immer zwingend erforderlich */
   overflow:hidden; float:left;
   /* Schneidet alles Sichtbare über der max. Groesse ab, dadurch entstehen keine Fehler beim verkleinern, IE6 Fehlverhalten */
   white-space:normal;
   /* Darf niemals: white-space:nowrap als Einstellung in einer Tabelle haben */
   word-wrap: break-word;z-index:999; 
   /* Fuer IE6 */
}
</style>
<script type="text/javascript" src="/i/Hyphenator/Hyphenator.js"></script>
<script type="text/javascript" src="/i/Hyphenator/jquery.hyphenator.min.js"></script>
<!-- ENDE: Hyphenator Plugin -->

5. Deaktivieren Sie in ihrem APEX Report Template folgenden CSS Einstellung
white-space:nowrap mit white-space:normal;


<!-- Column Heading Template -->
<th ... style="white-space:normal;z-index:999;word-wrap: break-word;">#COLUMN_HEADER#</th>

<!-- Column Template 1 -->
<td ... style="white-space:normal;z-index:999;word-wrap: break-word;">#COLUMN_VALUE#</td>

6. Report Spalten Anpassen


<!-- Column Heading: -->
<span class="hyph" style="width:50px;text-decoration: underline;">Anwendungsname</span>

<!-- HTML Expression -->
<span class="hyph" style="width:50px;">#NAME#</span>

Info: Hier definieren Sie die maximale Breite und die Option Hyphenation zu verwenden.

7. APEX Dynamic Action für Report anlegen

After Report Refresh Trigger mit javascript Ausführung: $('.hyph').hyphenate();
Im Idealfall sollte sollte ein ähnlicher Report wie in meiner Beispielanwendung herauskommen:
http://ta-it-consulting.de/hyphenation.html

Info 1: Die LANG Option im HTML Tag definiert die Übersetzungssprache <html lang="de">
Info 2: Das Plugin kann auch in APEX 3.2 verwendet werden, außerdem ist der IE6 ohne Probleme verwendbar.

Das Ergebnis ist eine universelle Lösung die all ihre Reportprobleme lösen könnte.

Der einzige Haken ist eine erhöhte CPU Auslastung auf der Clientebene. Also Vorsicht vor verschwenderischer Übersetzung.

Mal was anderes: Inzwischen ist auch der AAW-DBMON ONLINE: http://ta-it-consulting.de/dbmon.html

Debugging hint for your APEX pl/sql processes

2010-08-12T23:05:00.005+02:00

Often I use to much pl/sql code inside my APEX processes. As we all know it is just better using complex code inside packages. In case you got trouble with your APEX code and you can't find a fast way debugging it. Just use some javascript popup boxes:


-- Test Box
htp.prn('<script>alert("TEST");</script>');

-- Box with item values showing an IF validation:
htp.prn('<script>alert("'||:P1_TEST1 || ' = ' || :P1_TEST2 || '");</script>');

Summer is coming to an end and it becomes time to blog some more. Right now I'm developing a new small APEX application which describes a way how you can easily use hyphenation inside your application. In that combination I also found a trick how you can prevent the misbehavior of IE6 with fixed column width inside your Reports.

Tobias

All about tooltips

2010-06-09T22:48:00.004+02:00

There a couple of tooltip examples/HowTos for APEX available and it becomes time to get them all together:
Paulo Vale's solution: http://apex.oracle.com/pls/otn/f?p=25110:5
HowTo: http://apex-notes.blogspot.com/2008/01/javascript-tootip-integration.html

Dan McGhan's solution: http://apex.shellprompt.net/pls/apex/f?p=apex_demo:3
HowTo: http://www.danielmcghan.us/2008/06/ajax-item-help.html

Patrick Wolf's solution: http://www.inside-oracle-apex.com/using-tooltips-in-oracle-apex-applications/

Martin Giffy D'Souza solution: http://apex.oracle.com/pls/otn/f?p=20195
HowTo:
http://www.talkapex.com/2009/09/tooltip-help-in-apex-alternative-to.html

eDBA solution: http://application-express-blog.e-dba.com/?p=281

Flavio Casetta's solution: http://apex.oracle.com/pls/otn/f?p=38250:11:0

Carsten Cerni's solution: http://www.cc13.com/wordpress_21/2009/03/12/apex-jquery-und-cluetip/

Hmm I wonder what nice APEX Plug-ins can be build for functionality like that. :D

Post if there are more solutions available.

Access inner HTML/child elements

2010-06-02T23:46:00.004+02:00

Sometimes when I worked with Reports and special HTML objects I came across the problem to access different in-line html elements by javascript.

This link provides really useful know how about the access of DOM elements:

http://www.javascriptkit.com/javatutors/dom2.shtml

Some javascript alertbox examples:
alert(document.getElementById(col_rownum).childNodes[1].value);
alert(document.getElementById(col_rownum).firstChild.innerHTML);

If one of you know even better documentation. Just add a comment.

Button with changing icon

2010-05-24T17:13:00.005+02:00

A while ago I wrote how to create your own Javascript buttons inside a region:
http://apex-at-work.blogspot.com/2009/05/building-your-own-button-in-apex-region.html

Here the example about how to change the icon "on mouse over" event:
Changing Images on Mouseover Using JavaScript


<img
 id="#CURRENT_ITEM_ID#_btn"
 src="/i/unpressed-icon.gif"
 alt="Search"
 onclick="javascript:doSubmit('SEARCH')"
 style="cursor: pointer"
 title="Search"
 onmouseover="document.#CURRENT_ITEM_ID#_btn.src='/i/pressed-icon.gif'"
 onmouseout="document.#CURRENT_ITEM_ID#_btn.src='/i/unpressed-icon.gif'"
>

Update 01.06.2010:
In case you want to use it inside your report then use this code snippet:


SELECT...
  '<img src="/i/bilder/icon-unpressed.gif"'
  || ' id="btn_ID' || rownum || '" style="cursor: pointer"'
  || ' title="Save changes!" alt="Save changes!"'
  || ' onmouseover="document.btn_ID' || rownum || '.src=''/i/bilder/icon-is-pressed.gif''"' 
  || ' onmouseout="document.btn_ID' || rownum || '.src=''/i/bilder/icon-unpressed.gif''" />' as BTN_PRESS
FROM ...

AAW-DBMON geht in erster Beta Version unter APEX 4 EA3 ONLINE

2010-05-15T16:53:00.004+02:00

The following post is targeted towards a German audience, thus it is in German:

Wie vor einer ganzen Weile versprochen habe ich es endlich geschafft ein erstes Beta Release der AAW-DBMON Anwendung Online zu bringen! Das Release läuft schon unter APEX 4.0! Also schaut es euch mal an. Es können aus administrativen Gründen keine Daten dynamisch generiert werden. Also gebt GROßE Zeiträume bei den Charts an.
AAW-DBMON - http://tryapexnow.com/apex/f?p=2508:1:
Account:
Admin, Password: admin
Monitoring, Passwort: monitoring

Die Beta-Tester erhalten in den nächsten Tagen das aktuelle Release + Anleitung.

Call Javascript function from APEX report column link

2010-05-14T19:07:00.005+02:00

I know it is not really new but it is always good to have an example just for the case you don't have all code in your head! :D

Column-Link:
Link Text: <img src="/i/my_icons/small_icon.png" alt="Short preview">
Link Attribute: title="Short preview"
Target: URL
URL: javascript:fnc_preview('111',#ID#);

Tip: GIF's with empty background can be displayed by IE6. PNG files can be displayed by IE6.

onClick event over whole EXTJS tree node

2010-05-14T01:03:00.001+02:00

I while ago I had an issue with the ExtJS tree. Somebody mentioned that not all parts of an ext tree node (for example the icons or the empty area) get called by an onClick event. There are just two line of code you need to add to your tree:


tree.on('click', function(node){ // tree is the created ExtJS tree object
   fnc_openWindow(node.id); //this is the javascript function I call
});

Watch the whole post in the ExtJS forum to get more information about it:
http://www.extjs.com/forum/showthread.php?95597-Ext-tree-href-event-on-whole-div-element

Highlight last inserted rows inside a standard report

2010-05-13T23:44:00.003+02:00

To show last updated rows inside a report isn't as hard as it sounds.
All you need is a time column which saves the insert date and some changes on your report template!

Go into your report template and change it like this:


Column Template 1: 
<td class="new_css_class_with_different_color" #ALIGNMENT# id="#COLUMN_HEADER#_#COLNUM#_#ROWNUM#">#COLUMN_VALUE#</td>
PL/SQL Condition:
to_date('#DATE_COLUMN#','DD.MM.YYYY HH24:MI:SS') > (SYSDATE - INTERVAL  '10' MINUTE)

Column Template 2: 
<td class="old_css_class" #ALIGNMENT# id="#COLUMN_HEADER#_#COLNUM#_#ROWNUM#">#COLUMN_VALUE#</td>

In this example all rows which are younger than 10 minutes will be shown with a different background color. Which is defined inside the CSS class.

Get radio button value with javascript

2010-05-13T23:16:00.004+02:00

Most of you know how to get an HTML session value inside APEX:
$x('P1_NAME').value
To get the current value from a radio button use this APEX function:
$f_ReturnChecked('P1_DEPARTMENT')


// 1. Item: HTML Form Element Attributes:
onChange="javascript:fnc_setRadioItem('P1_DEPARTMENT')";

// 2. Page: HTML Header
<script type="text/javascript">
function fnc_setRadioItem(v_radioItem)
{ 
  // Create AJAX request object with JavaScript class "htmldb_Get"
  // 1. Parameter: Appointed for 'Partial Page Refresh', not needed
  // 2. Parameter: Determined the actual application ID 
  // 3. Parameter: Defines the application process, I use a dummy value
  // 4. Parameter: For 'Partial Page Refresh': not needed
  var get = new htmldb_Get(null,$v('pFlowId'),'APPLICATION_PROCESS=v_dummy',0);
  get.add(v_radioItem,$f_ReturnChecked(v_radioItem))
  gReturn = get.get();
  //html_GetElement(v_radioItem).value = v_radioItem;
  get = null; 
}
</script>

You can find even more functions inside the APEX documentation: API Reference - 9 JavaScript APIs

Tip für die deutsche Community: APEX AJAX und JQuery HowTo Beispiel

Run an executable file from your browser

2010-04-23T08:40:00.005+02:00

Internet Explorer is the only browser which can run executable files. I don't know any other browser which supports this feature. Of course there are common reason why! With IE you need to use VBScript. As we all know it is not secure way of developing web application. So be careful in creating security rules inside your Internet Explorer.

This code shows two examples:


<HTML>
  <HEAD>
  </HEAD>
  <BODY> 
 
 <SCRIPT language = "vbscript">
 'define application
 dim v_prog
 
 'set command
 v_prog = "C:\Programme\7-Zip\7zFM.exe"
 
 'create a shell
 set v_shell = createobject("wscript.shell")

        'run application 
 v_shell.run(v_prog)
 </SCRIPT>
    
 <SCRIPT language = "vbscript">
  'set variables
  dim v_shell
  dim v_return
  dim v_prog
  
  'set command
  v_prog = "%SystemRoot%\system32\ping 192.168.0.1"
  
  'create a shell
  set v_shell = CreateObject("WScript.Shell")
  
  'run application
  v_return = v_shell.Run(v_prog,1,TRUE)
  
  'check return value
  if v_return = 0 then
   MsgBox "Server is up",64,"Server status"
  else
   MsgBox "Server is down",64,"Server status"
  end if
 </SCRIPT>
 
  </BODY>
</HTML>

How to: Visual Basic Scripting - http://msdn.microsoft.com/en-us/library/t0aew7h6%28v=VS.85%29.aspx

Get current url string

2010-04-19T19:48:00.005+02:00

There are a couple of ways getting the url within javascript:
Netlobo.com - Get URL Parameters Using Javascript
mattwhite.me - Get URL Parameter in Javascript
It's all about this function: document.location.href

To get the url with APEX features just follow these posts:
Oracle Apex Notebook - Get server URL in Apex
APEX forum - Display current URL on page
APEX forum - How to get the Current page's URL to an Item?
APEX forum - How to get Current URL in Apex?

Fill select results with blank rows

2010-04-14T19:57:00.005+02:00

To fill selects to a specific amount of rows with blank rows. Just use the rownum connect by trick:


-- select template
SELECT *
FROM (SELECT rownum, test_col
      FROM test_table t
      UNION ALL
      SELECT *
      FROM (SELECT rownum AS er, 'empty' 
            FROM dual CONNECT BY rownum <= 99) e
      WHERE e.er > (SELECT MAX(rownum) FROM test_table));

-- emp table example for 20 rows
SELECT *
FROM (SELECT rownum, ename, job
      FROM emp em
      UNION ALL
      SELECT *
      FROM (SELECT rownum AS er, '-' as er1, '-' as er2 
            FROM dual CONNECT BY rownum <= 20) e
      WHERE e.er > (SELECT MAX(rownum) FROM emp));

I tried the select inside the APEX SQL Workshop:

Open Windows directory with APEX (IE only)

2010-04-12T18:17:00.005+02:00

All you need to open a MS file system folder with APEX is this little javascript:
Header part


<script type="text/javascript">
function fnc_window()  {w = open('C:\\Users', "winLov","scrollbars=yes,resizable=no,width=600,height=400");
if (w.opener == null)
w.opener = self;
}
</script>

Open window on page load


<body onload="javascript:fnc_window()">

About a comment from Carsten
Dies ist das richtige Select:
SELECT '\\apc' || pcnummer || '\c$' as LINK FROM table....;
Interessante Idee!

Open your browser window in fullscreen mode

2010-04-07T18:40:00.005+02:00

I answered a question in the APEX forum about an automatic full screen mode for your APEX application.

There are a couple of ways how you can achieve this. Anyway there is no simple solution and each way has some bad sides too.

Solution 1: Use a temporary HTML page to open your application window


<HTML>
  <HEAD>
    <TITLE>Test</TITLE>
  </HEAD>
  <BODY>
  <script type="text/javascript">
   window.opener=self;
   // fullscreen only 
   window.open('http://YOUR_URL','','fullscreen=yes');
   // fullscreen with no bars inside your browser
   window.open('http://YOUR_URL','','fullscreen=yes,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes');
 window.close();
  </script>
  </BODY>
</HTML>

Solution 2: Use ActiveX (IE only)


<HTML>
 <HEAD>
 <script type="text/javascript">
  function fnc_fullscreen()
  {
  var obj = new ActiveXObject("Wscript.shell");
  obj.SendKeys("{f11}");
  }
 </script>
 </HEAD>
 <BODY onload="javascript:fnc_fullscreen()"> 
 
 </BODY>
</HTML>

Solution 3: Set size after max screen size (not good for two screens, not tested yet)


<HTML>
 <HEAD>
 <script type="text/javascript">
 function fnc_fullscreen()
  {
  window.moveTo(0,0);
  window.resizeTo(screen.availWidth,screen.availHeight);
  }
 </script>
 </HEAD>
 <BODY onload="javascript:fnc_fullscreen()"> 
 
 </BODY>
</HTML>

Source: http://www.webmasterworld.com/webmaster/3792262.htm

If you found a better way fixing this issue. I would really like to hear it.

Building IR filters with AJAX - not solved yet

2010-03-17T19:29:00.007+01:00

I got stuck on a problem with Interactive Reports.
I wanted to build filters during the application runtime with AJAX. These filters should be created if an user makes changes with select lists or trees similar to my old example:
IR with dynamic rules

What I need now are exact filters on hidden or visible fields:

My idea was to use the apex_util.ir_filter procedure:


apex_util.ir_filter(
p_page_id in number, -- Page that contains an Interactive Report
p_report_column in varchar2, -- Name of the report SQL column to be filtered
p_operator_abbr in varchar2 default null, -- Filter type
p_filter_value in varchar2); -- Value of filter, not used for N and NN

With an application process:


-- application process AP_GET_CAT
declare
  V_CAT varchar2(100);
begin
 select c.cat_name into V_CAT from categories where c_id = :P1_C_ID;

 apex_util.ir_filter(
  p_page_id=>1,
  p_report_column=>'CAT_NAME',
  p_operator_abbr=>'EQ',
  p_filter_value=>V_CAT);

 htp.prn(V_CAT);
end;

and some javascript:


// js get cat data
function set_cat(v_id) {
  var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=AP_GET_CAT',0);
  get.add('P1_C_ID',v_id)
  $x('P1_C_ID').value = v_id;
  gReturn = get.get();
  get = null; 
}

The functionality itself worked well but a submit is required for the APEX procedure apex_util.ir_filter.

My other idea was to imitate the user actions with javascript only:


// js code: set IR filter
$x('apexir_COLUMN_NAME').value = 'CAT_NAME';
$x('apexir_STRING_OPT').value = '=';
$x('apexir_EXPR').value = $x('P1_CAT_NAME').value;
gReport.column.filter();

Unfortunately it doesn't work this way... But it feels close to a solution.

It works if I use a sql where clause for my IR like this:
SELECT s_id, sales, sales_info
FROM sales, categories
WHERE s_c_id = c_id
AND s_c_id = :P1_C_ID;

and some javascript:


// not tested
var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=AP_GET_CAT',0);
get.add('P1_C_ID',v_id)
$x('P1_C_ID').value = v_id;
gReturn = get.get();
init_gReport();gReport.reset();gReport.pull();
get = null;

Maybe one of you guys did already solve this task and could help me out here.

Forum entry: http://forums.oracle.com/forums/thread.jspa?messageID=4167521

Tobias

Automatic linebreak if word breaks out of table element

2010-03-11T22:00:00.009+01:00

I found a great source how to prevent word break outs in <th> and <td> elements:
Peter Bromberg's: FIREFOX / IE Word-Wrap, Word-Break, TABLES FIX
How does the break out looks like:

CSS code to prevent this issue:


.prevent_breakout
{
width: 250px;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

With javascript it could look like this:


<script type="text/javascript">
 function set_lb(v_val, v_max_width){
  var v_browser=navigator.appName; 
  // ...
  if (v_browser=="Microsoft Internet Explorer")  
  {
    $x(v_val).style.width = v_max_width; // set width
    $x(v_val).style.wordWrap   = 'break-word';  // Internet Explorer 5.5+
  }else
  {
    $x(v_val).style.width = v_max_width; // set width
    $x(v_val).style.whiteSpace = 'pre-wrap'; // css-3
    $x(v_val).style.whiteSpace = '-pre-wrap';  // Opera 4-6
    $x(v_val).style.whiteSpace = '-o-pre-wrap';  // Opera 7
    $x(v_val).style.wordWrap   = 'break-word';  // Internet Explorer 5.5+
    $x(v_val).style.whiteSpace = '-moz-pre-wrap'; // Mozilla, since 1999
  }
</script>

Thanks Peter for this great hint!

Update 07.05.2010
overflow:hidden;float:left;width:250px;word-wrap:break-word;white-space:pre-wrap;display:block;

Weird IE behaviour with JS function String.charAt(Index)

2010-03-10T22:20:00.004+01:00

I had a real pain with the MS Internet Explorer and the javascript function String.charAt(Index)

I wanted to update a string and checked each value. IE was able to give just an empty value back. But it was not checkable!

if ((v_browser=="Microsoft Internet Explorer")&& (v_string.charAt(x)=='')&& (y+1==x) && (v_string.charAt(x+1)=='<'||v_string.charAt(x+2)=='<'))

Even the length was 1 and not 0!
Finally I tried this function String.charCodeAt(Index) with an alert box and voilà two values where prompted: 13 and 10

13 and 10 wait... LINEBREAK!

HELL why does it do such things...

Now I could check it!

if ((v_browser=="Microsoft Internet Explorer")&&(v_check_unicode=='13'||v_check_unicode=='10'||v_check_unicode=='NaN'))

My script works and I feel released.
Now I have to watch the end of Real against Lyon.. :D

Column header groups in APEX report

2010-03-10T20:11:00.005+01:00

Did you ever want a report header grouped like this:

Just add some html code into your report template > column headings > Before Column Heading:

Important to know:
- Changes like this have effect on every report you use with that report template
- Make a copy of your existing report template and use the new one instead

In my example I used 8 columns and three of them should have a group column above it. Use colspan="3" to stripe it over 3 columns.

Here the generated HTML code:

For APEX Interactive Reports watch there:
Dimitri Gielis: Group Headings in an Interactive Report (APEX)
And there:
Martin Giffy D'Souza: Column Groups in APEX Interactive Reports

AJAX based select list in APEX - Part 2

2010-03-01T23:13:00.003+01:00

I couple of days ago I wrote about a way using AJAX based select lists in APEX.
After some hints from Peter Raganitsch I tried the ApexLib Framework but I run into some issues with ExtJS.
Error message:
vFieldValue is undefined
populateLovField(Object { name="pFieldId"}, Object { name="pLovEntry"})ApexLib_Full.js
populateDependingLovs(Object { name="pFieldId"})ApexLib_Full.js
(?)()ApexLib_Full.js
(?)(Object { name="pEvent"})ApexLib_Full.js
vAjaxRequest.add(pLovEntry.oUsedFi...ace(/\:/g, String.fromCharCode(1)));

Error part where somehow an ExtJS function got called:
vAjaxRequest.add(pLovEntry.oUsedFieldList[ii], vFieldValue.replace(/\:/g, String.fromCharCode(1)));

I found another solution from Carl Backstrom: Ajax Selects
I modified his script a bit and used it in my environment.

Using the ApexLib would have been much easier luckily I just had a really small application.

Good for us that APEX 4.0 will solve these problems by a new standard feature:
Oracle APEX 4.0: Cascading LOVs/Select Lists

AaW - DBMON First pictures / Erste Bilder

2010-02-22T22:49:00.005+01:00

The following post is targeted towards a German audience, thus it is in German:

Anfang Februar habe ich über eine Oracle DB Monitoring Anwendung für die deutsche APEX Community berichtet: Whats about the German APEX users?
Endlich habe ich es geschafft ein paar Screenshots zu erstellen. Die Anwendung basiert auf APEX und ExtJS und sammelt derzeit folgende Informationen:
- Tablespace Auslastung
- CPU Auslastung
- Buffer Hitratio Auslastung
- Session Zähler
- PGA Auslastung
- Init.ora Paramter
- Aktueller DB Status

Daten werden durch den DBMS_SCHEDULER über ein PL/SQL Package zu spezifizierten Zeiten gesammelt und können dadurch rückwirkend ausgewertet werden.
Gerade für Oracle XE Umgebungen kann dieses kleine Tool von nutzen sein.

Derzeit suche ich noch Beta-Tester, um für Ende März eine erste Testversion auf Herz und Nieren zu überprüfen. Wenn Interesse besteht, schickt einfach eine Email an: Tobias Arnhold (tobias-arnhold@hotmail.de)

Hier die ersten Screenshots:

Set item value with AJAX

2010-02-17T23:06:00.007+01:00

Update an APEX item dynamically with AJAX:


// 1. Item: HTML Form Element Attributes:
onChange="javascript:fnc_setValue('P1_VALUE')";

// 2. Page: HTML Header
<script language="JavaScript1.1" type="text/javascript">
function fnc_setValue(v_item)
{ 
  var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=v_dummy',0);
  get.add(v_item,html_GetElement(v_item).value)
  gReturn = get.get();
  html_GetElement(v_item).value = v_item;
  get = null; 
}
</script>

Denes described it more detailed (plus example) in his blog:
Setting Item Session State using Ajax

Have you seen the advanced freeze panes example like you can use in Oracle Forms?
Freeze Panes in an APEX Report: Now with columns

Updated script 22.02.2010:


// 1. Item: HTML Form Element Attributes:
onChange="javascript:fnc_setValue('P1_VALUE')";

// 2. Page: HTML Header
<script type="text/javascript">
function fnc_setValue(v_item)
{ // Works with select lists, radio buttons, ...
  var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=v_dummy',0);
  get.add(v_item,$v(v_item))
  // For Display as Text items add:
  // html_GetElement('v_item').innerHTML = $v(v_item);   
  gReturn = get.get();
  get = null; 
}
</script>

Making a connection from Oracle XE to MySQL with ODBC

2010-02-15T23:23:00.008+01:00

After searching the Web I found a nice description from James Koopmann: Making a Connection from Oracle to SQL Server

Then I found a Metalink note: WIN NT - Generic Connectivity using ODBC [ID 114820.1]

What software do you need? MySQL ODBC driver

Now follow these steps:
1. Add a new file:
<ORACLE HOME>\hs\admin\initMYSQL_DB.ora
# This is a sample agent init file that contains the HS parameters that are
# needed for an ODBC Agent.

#
# HS init parameters
#
HS_FDS_CONNECT_INFO = MYSQL_DB
HS_FDS_TRACE_LEVEL = OFF

#
# Environment variables required for the non-Oracle system
#
#set =

2. Update your Listener.ora (In my case I use the existing one):
...
(SID_DESC=
(SID_NAME=MYSQL_DB)
(ORACLE_HOME=F:\oracle\app\oracle\product\10.2.0\server)
(PROGRAM=hsodbc)
)
...

3. Update your TNSNAMES.ora and restart your Listener:
...
MYSQL_DB =
(DESCRIPTION=
(ADDRESS=(PROTOCOL=tcp)(HOST=192.168.0.1)(PORT=1521))
(CONNECT_DATA=(SID=MYSQL_DB))
(HS=OK)
)
...

4. Create database link inside your database:
create database link MYSQL_DB
connect to "test_db" identified by "test_db"
using 'MYSQL_DB';

5. SQL> select * from test_table@MYSQL_DB;

Issues I know about: Invalid identifier problem

AJAX based select list in APEX

2010-02-08T21:30:00.003+01:00

I looked through the Web for a simple way using a select list with dynamic data exchange inside my APEX application. What I found was just amazing (Thanks to Scott):

ajax-select-list-code-generator for APEX
Select list code generator

Output:

MySQL/Oracle XE integration: Invalid identifier problem

2010-02-08T21:04:00.004+01:00

I linked a MySQL table into an OracleXE database (Short How to) and discovered a really strange behavior. When I tried an usual select about the MySQL table from my sqlplus client an error occurred: ORA-00904: "last_name": Invalid identifier

Here the whole description:


-- Error:
Connected to Oracle Database 10g Express Edition Release 10.2.0.1.0 
Connected as test_user
 
SQL> SELECT "last_name" FROM tbl_users@MYSQL_USER u; 
 
SELECT "last_name" FROM tbl_users@MYSQL_USER u
 
ORA-00904: "last_name": ungültiger Bezeichner
 
SQL> 

-- MySQL DDL TABLE:
DROP TABLE IF EXISTS 'my_sqldb'.'tbl_users';
CREATE TABLE  'my_sqldb'.'tbl_users' (
  'u_id' int(10) unsigned NOT NULL auto_increment,
  'last_name' varchar(50) NOT NULL,
  'forename' varchar(50) NOT NULL,
  'department_id' int(10) unsigned NOT NULL,
  PRIMARY KEY  ('u_id')
) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8;

Solution:
Query MySQL table through Oracle APEX database using Oracle database link fails
Issue while querying MySQL tables through Oracle Generic Connectivity Using ODBC

Solution description:
...I changed the character set settings to "utf8" of v5.1.6 mysql odbc driver
through "Details -> Misc Options" as suggested and finally the problem was
resolved - the query returned the correct results...

Creating an ExtJS tree with PL/JSON

2010-02-04T23:49:00.001+01:00

I searched for a smoother way building ExtJS trees in APEX and found a great post from Anja Hildebrandt: Nice trees with ExtJS (Erstellung eines ExtJS-Baums…)

She used the PL/JSON Utility from Lewis Cunningham: PL/JSON by jkrogsboell, lewiscunningham

During the time now Lewis developed a new version of the utility and Anjas code didn't work anymore. I updated her source code with the new version of PL/JSON 0.8.6.

First I show how you build JSON output with the PL/JSON scripts:
Example - ex4.sql


SQL> declare
  2    obj json;
  3    procedure p(v varchar2) as begin dbms_output.put_line(null);dbms_output.put_line(v); end;
  4  begin
  5    p('you can also put json or json_lists as values:');
  6    obj := json(); --fresh json;
  7    obj.put('text', 'Audi');
  8    obj.put('id', 100);
  9    obj.put('leaf', json_bool(true));
 10    obj.put('href', 'f?p=110:1:');
 11    obj.put('children', json_list('[{"text": "A4"},{"text": "A5"}]'));
 12    obj.print;
 13  end;
 14  /
 
 
you can also put json or json_lists as values:
{
  "text" : "Audi",
  "id" : 100,
  "leaf" : true,
  "href" : "f?p=305:1:",
  "children" : [{
    "text" : "A4"
  }, {
    "text" : "A5"
  }]
}
 
PL/SQL procedure successfully completed

PL/JSON forum example

 
SQL> 
SQL> DECLARE
  2    resultset json;
  3    row_list  json_list := json_list();
  4    columns1   json;
  5    num_rows  number := 2;
  6    columns_length  number := 3;
  7    procedure p(v varchar2) as begin dbms_output.put_line(null);dbms_output.put_line(v); end;
  8  BEGIN
  9    p('Data:');
 10    FOR i IN 1 .. num_rows
 11    LOOP
 12      columns1 := json();
 13      columns1.put('rownum', i);
 14      FOR x IN 1 .. columns_length
 15      LOOP
 16        columns1.put('column' || x, 'Testdata');
 17      END LOOP;
 18      row_list.add_elem(columns1.to_anydata);
 19    END LOOP;
 20    resultset := json();
 21    resultset.put('ResultSet', row_list);
 22    resultset.print;
 23  END;
 24  /
 
 
Data:
{
  "ResultSet" : [{
    "rownum" : 1,
    "column1" : "Testdata",
    "column2" : "Testdata",
    "column3" : "Testdata"
  }, {
    "rownum" : 2,
    "column1" : "Testdata",
    "column2" : "Testdata",
    "column3" : "Testdata"
  }]
}
 
PL/SQL procedure successfully completed
 
SQL>

Updated tree package of Anja


create or replace package PKG_EXTJS_JSON is

  -- Author  : AHILDEBRANDT
  --         : TARNHOLD
  -- Created : 10.08.2009
  -- Updated : 04.02.2010
  -- Purpose : check if category has sub-categories
  function hasChildren(i_cat_id in number) return boolean;

  -- Purpose : create JSON-Object for category;
  --           recursive
  function getJsonObject(i_cat_id in number default 0) return json;

  -- Purpose : function that calls getJsonObject and returns the result as string
  function getTreeDataDynamic return varchar2;

end PKG_EXTJS_JSON;

create or replace package body PKG_EXTJS_JSON is
/*
  -- Author  : AHILDEBRANDT
  --         : TARNHOLD
  -- Created : 10.08.2009
  -- Updated : 04.02.2010
  -- Purpose : check if category has sub-categories
*/
function hasChildren(i_cat_id in number) return boolean is
  v_count number:=0;
begin
  select nvl(count(*),0) into v_count from tbl_categories where c_par_id=i_cat_id and c_active = 'YES';
  if v_count>0 then
    return true;
  else
    return false;
  end if;
end;

/*
  -- Author  : AHILDEBRANDT
  --         : TARNHOLD
  -- Created : 10.08.2009
  -- Updated : 04.02.2010
  -- Created : 10.08.2009
  -- Purpose : create JSON-Object for category;
  --           recursive
*/
function getJsonObject(i_cat_id in number default 0) return json is
  v_json json:=json();
  v_row_list json_list := json_list();
  v_arr_id NUMBER;
  v_ele_id NUMBER;
begin

  if i_cat_id = 1 then -- if category is root then set root-node
    v_json.put(pair_name => 'id', pair_value => i_cat_id);
    v_json.put(pair_name => 'text', pair_value => 'Root');
  else -- else --> usual node; use category infos
    for cat in (select * from tbl_categories where c_id=i_cat_id and c_active = 'YES') loop
      v_json.put(pair_name => 'id', pair_value => i_cat_id);
      v_json.put(pair_name => 'text', pair_value => cat.c_name);
    end loop;
  end if;

  if not hasChildren(i_cat_id) then -- if node has no children
    v_json.put(pair_name => 'leaf', pair_value => json_bool(true)); -- mark as leaf
    v_json.put(pair_name => 'href', pair_value => 'f?p=110:1:'||v('APP_SESSION')); -- set a link if needed
    -- v_json.put(pair_name => 'href', pair_value => 'javascript:show_cat('||i_cat_id|| ');');  -- set a javascript function
  else -- sonst
    v_json.put(pair_name => 'leaf', pair_value => json_bool(false)); -- mark as node with children
    for child in (select * from tbl_categories where c_par_id=i_cat_id and c_active = 'YES') loop -- loop through all sub-categories
      -- create JSON-object for sub-category using recursive call and the append to array
      v_row_list.add_elem(getJsonObject(i_cat_id => child.c_id).to_anydata);
    end loop;
    v_json.put(pair_name => 'children', pair_value => v_row_list); -- add array for subcategories
  end if;

  return v_json;

end;

/*
  -- Author  : AHILDEBRANDT
  --         : TARNHOLD
  -- Created : 10.08.2009
  -- Updated : 04.02.2010
  -- Purpose : function that calls getJsonObject and returns the result as string
*/
function getTreeDataDynamic return varchar2 is
  v_json json:=json();
begin
  v_json:=getJsonObject(i_cat_id => 1);
  return('['||v_json.to_char||']');
end;

end PKG_EXTJS_JSON;

Utilities like this makes developing much more faster!