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

  • 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 :-)