Skip to Main Content
Posted on

Shuttle sides label and hide sort buttons with jQuery

Category APEX and jQuery

Here is an easy trick to place top labels in shuttle item left and right sides.

If you are using APEX 3.x load jQuery library in page template header or page HTML header.

Place to page HTML header

<script type="text/javascript">
$(function(){
 $('<div class="fielddatabold">Not Selected</div>').insertBefore('#Px_MY_SHUTTLE_LEFT');
 $('<div class="fielddatabold">Selected</div>').insertBefore('#Px_MY_SHUTTLE _RIGHT');
});
</script>

Replace "Px_MY_SHUTTLE" with your shuttle name.

If you also like to remove sort buttons, include to page HTML header:

<script type="text/javascript">
$(function(){
 $('#Px_MY_SHUTTLE').find('.shuttleSort2').remove();
});
</script>

Comments

  • Jari Laine 11 Mar 2025

    Hi Harry,

    Yes, in APEX 21 and later you should place JavaScript to page JavaScript Execute when Page Loads. You can also modify code for example:

    $( "#Px_SHUTTLE_ITEM_NAME table" ).prepend(
 '<tr><td colspan="2">'
 + 'Available'
 + '</td><td colspan="2">'
 + 'Selected'
 + '</td></tr>'
);

    You could also place label text to application messages and use apex.lang.getMessage to get those. Then JavaScript could look like:

    $( "#Px_SHUTTLE_ITEM_NAME table" ).prepend(
 '<tr><td colspan="2">'
 + apex.lang.getMessage( "SHUTTLE_AVAILABLE_LABEL" );
 + '</td><td colspan="2">'
 + apex.lang.getMessage( "SHUTTLE_SELECTED_LABEL" );
 + '</td></tr>'
);

    Regards, Jari

  • Harry 7 Feb 2025

    Thank you, it worked, on Apex 21...

    Put the function itself on page-level, in the section:"Executes When Page Loads"

    then it will work like a charm

  • Nisa 3 Mar 2021

    Thank you Jari, worked perfectly Application Express 20.1.

  • Soukaina IDRISSI 27 Oct 2020

    Im using APEX19.2 , and it doesn't work for me :(

  • Jari Laine 13 Feb 2016

    Hi Sarah Scull,

    I'm clad that this post was helpful for you. Thanks.

    Regards,
    Jari

  • Sarah Scull 10 Feb 2016

    Thanks, just what I was looking for :-)