Add Double Click to Oracle APEX Shuttle Widget

12. January 2008

, ,

Oracle APEX, Usability & Productivity

Do you want to improve the usability of the Oracle APEX Shuttle Widget a little bit?

Let’s enhance it by adding support for double click. It will allow users to double click on an entry in one of the two lists of the shuttle, to move the selected entry to the other list as they would normally do with the corresponding icons. I think that’s a little bit more convenient and faster than using the icons.

There comes the necessary code.

  1. Create a Page Item of type “Shuttle”
  2. Add the following code into the “Post Element Text” property of that page item. 
    <script type="text/javascript">
(function(){
  var vName = "#CURRENT_FORM_ELEMENT#".substr(2);
  $x("#CURRENT_ITEM_NAME#").ondblclick   = new Function("g_Shuttlep_"+vName+".remove();");
  $x("#CURRENT_ITEM_NAME#_2").ondblclick = new Function("g_Shuttlep_"+vName+".move();");
})();
</script>
  3. That’s it, you are done. Quite simple and easy, isn’t it?

I already tried to influence Carl a little bit to add that small little feature to Oracle APEX 3.1, let’s see if I was successful :-)

6 Responses to “Add Double Click to Oracle APEX Shuttle Widget”

  1. Carl Backstrom Says:
    January 15th, 2008 at 07:56

    AHG!

    Sure call me out by name !!!!
    ;)

    I’ll see what I can do.

    Carl

  2. Patrick Wolf Says:
    January 15th, 2008 at 07:57

    :)

  3. Carl Backstrom Says:
    February 2nd, 2008 at 00:32

    Done and checked in

  4. Patrick Wolf Says:
    February 2nd, 2008 at 00:33

    Great! Thanks a lot Carl!

  5. S.Nayef Says:
    April 13th, 2009 at 11:37

    If I have two identical shuttle items.
    I want when I move an entry from the first shuttle, to be removed from the second shuttle…

  6. Ales Says:
    August 24th, 2009 at 09:55

    Hi Patrick,

    do you have any similar solution for the datepicker? My users wish to choose the date with a doubleclick instead of clicking on the OK button.

    Best regards,
    Ales

Leave a Reply