Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Pin input field for Apex page?

Geert01Nov 18 2021

Hi All,
I have been searching (the plugin-store) for a solution that will allow me to create a page that will allow users to input a pin number, like :
PinInput.pngI cannot find one, do you know if such a plugin exists or how to create such a form?

This post has been answered by Geert01 on Nov 18 2021
Jump to Answer

Comments

fac586
Answer

I haven't figured out how to do it using declarative Open Region DAs, or the documented API. From hints here and here I've got a solution using the underlying widget methods.
Modify the card link icon HTML Expression to use a data attribute instead of an id:

<a href="#" class="t-open-popup" data-empno="#EMPNO#">
 <span class="fa fa-user" aria-hidden="true"></span>
</a>

This provides JavaScript with a simpler, more direct way to access the unique card key value.
Change the DA Execute JavaScript Code:

var empno = this.triggeringElement.dataset.empno,
    o = { autoOpen: true,
          parentElement: "[data-empno=" + empno + "]",
          callout: true,
          relativePosition: "after" };

$('#showDetails').popup(o);

See demo on page 586 of your app.

Marked as Answer by Veerendra Patil · May 20 2021
1 - 1

Post Details

Added on Nov 18 2021
2 comments
335 views