Search code examples
jqueryoracleoracle-apextabular-formoracle-apex-5

ORACLE APEX 5 Hide datepicker icon tabular form

I need to hide the date picker icon from the tabular form, and to show the calendar on click as is in the Forms. Thanks.

Tabular Form

Solution

  • Assuming you only have ONE datepicker inside the tabular form or your page. Go to the main page then on the EXECUTE WHEN PAGE LOADS section, copy and paste this:

    $(".a-Button.a-Button--popupLOV, .u-TF-item--datepicker + .a-Button--calendar").css("visibility", "hidden");

$("input[name="+'f07'+"]").click(function(){
$(".a-Button.a-Button--popupLOV, .u-TF-item--datepicker + .a-Button--calendar").css("visibility", "visible");
})

    Change f07 to the name of your datepicker. To get the name, right click the datepicker field then click INSPECT ELEMENT and then copy the name youll find on the higlighted area on HTML block.