Skip to Main Content

Wednesday, December 1, 2010

Shuttle sides label and hide sort buttons with jQuery

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>

Pagination

Comments

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