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 03-MAR-21 06.10.15.352071 PM

    Thank you Jari, worked perfectly Application Express 20.1.

  • Soukaina IDRISSI 27-OCT-20 03.22.10.000000 PM

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

  • Jari Laine 13-FEB-16 08.43.52.000000 AM

    Hi Sarah Scull,

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

    Regards,
    Jari

  • Sarah Scull 10-FEB-16 09.43.23.000000 AM

    Thanks, just what I was looking for :-)