Oracle APEX : Input Field with ALL Capital Letters

This is a mini-tip on changing characters entered in a text/input field to all Capital letters. A little use of Javascript is required. Navigate to the page where the changes is required. Click on the field/Item for which all capital characters is required. Scroll till you reach Element section and in "HTML Form Element Attributes" mention the following (including quotes):

onKeyUp="this.value=this.value.toUpperCase();"

Now Click on Apply Changes button and run the page. For the field this attribute is applied, whenever a key is typed the case is changed. But if you dont want this type of animation and just want all characters to be in upper case no matter what, add the following to the text field:

style="text-transform: uppercase;" onKeyUp="this.value=this.value.toUpperCase();"

To learn more about text-transform click here.

The style attribute is a CSS property and applies an all UPPER CASE property to the text field. Even though the style attribute is applied the value which will be passed to server may not be uppercase. Only if the user has CAPS lock turned on the value will be passed to server as UPPERCASE, otherwise it will be case in which user typed in. So to make sure that the user typed value also gets modified to UPPERCASE we have a javascript to change value.

Edit: June 1st, 2018

In Apex 5 and later the attribute to put the above is not "HTML Form Element Attributes", but "Custom Attributes" below Advanced section.

Oracle APEX - Navigation bar current item

Apex Version 4.0.2

I am using a template where my contents are appearing in one side (left) and navigation in another side (right) of the webpage. I created a "Vertical Sidebar List" template wherein all my navigation items will be embedded inside an un-ordered List. I created this very much easily.

First created a List (Application Builder > My Application > Shared Components > Lists (Below Navigation)). The List template as I mentioned earlier is "Vertial Sidebar List". I entered a few pages in the navigation items and created the list.

Later on I manually added a List Region to all my pages. I chose the Display Point of "Page Template Region Position 2" for my page contents, and for Menu I chose "Page Template Region Position 3". Thus I was able to list both regions side by side.

But the problem I landed on was that when I click on a page the list was not displaying current attribute (or a highlighting). Even after lot of googling I was not able to find out this. (Maybe my search keywords suck). But I got a small tip from one of my existing pages for which the highlighting was working. After long time of searching each and every property for this, finally the missing part stuck my eye.

Within every List item there is a property "Current for Pages". Its below (Application Builder > My Application > Shared Components > Lists > Entries by List (Click on the list) > Click Grid Edit button on top.

Enter the page number of the page which the list item denotes. Thats it!

It was simpler but had to spent some time in identifiying the property.

Leave Management System for APEX (LeaveLite)

If you are new to Oracle APEX, well you are opening up a new world. Otherwise you know what APEX can do for you. With the latest version of 4.2 released at least I have lot of dreams with it.

I began developing in the age where Client-server applications were dominant. Oracle Forms provided features where it is easy to develop an application within days. With the advent of Web applications Oracle provided various frameworks including ADF, APEX among others. I do not know Java, so I left behind from ADF. APEX seems to be perfect fit for me because it is pure PL/SQL that I have to know. (Though Java script/jQuery skills will be hugely beneficial).

To add to this list for a year or so I have been developing website for our client with pure PL/SQL Web Toolkit. With this skill with me it was easy to delve deeper into APEX. With APEX 4.2 I have got more than what I have dreamed of, Mobile Applications.

I am sharing with all my readers an application which I have designed and developed using APEX 4.1 and now upgraded to APEX 4.2.

The application is called LeaveLite and its features are follows:

This application supports three modules and following functions
1. Administration
  a. Employees List
  b. Holidays List
  c. Add Leave Balance
2. Manager Services
  a. Approve/Reject Leave
  b. My Team
  c. Employee-wise Leave Taken
3. Employee Services
  a. Apply for Leave
  b. Cancel Leave
  c. Leaves Report
  d. Holidays List

• Download Readme
• Download Source cum Apex Installer (v1.1)
• Download Source cum APEX Installer (v1.0) (older version)

Installation Instructions
To Install this software you must install Oracle APEX. Once that is installed make sure you upgrade your APEX version to 4.2. An alternate for you to try this is to use APEX cloud for trial purposes. Register/Log on to http://apex.oracle.com and use Application Import feature.

After APEX is upgraded to 4.2 you may now install this application using Application Import feature within APEX.

The install script comes with all tables script and necessary objects. Once installed browse the table LEAVE_MEMBER and make sure there are some members added to this table (administrator user) and then login using this user id and password.

Oracle APEX 4.2 released

Oracle Application Express 4.2 is released for production. The first and foremost features that got my attention was Application Builder for Mobile. Oracle has understood the importance of mobile web and has scaled to the need very quickly.

I was able to create a mobile application without learning much. With only seeing this 2 minute video from Oracle Learning you will also understand how easy it is to create Business standard applications within minutes.

The next feature (if you can call it) was the long list of packaged applications within Apex 4.2. I was able to just install a Bug Tracking software and run within 5 minutes. It also includes a Mobile interface. For more information on other features refer Oracle Website.