Opens payment details form on button click.Form Submission: Stores details in PaymentDetails table.

marrikruthi
Tera Contributor

Create a table called PaymentDetails with the following fields:

  • Amount: Default value should be 500 and should be read-only.
  • patient id: Auto-populated from the Patient table and read-only.
  • patient name: Auto-populated from the Patient table and read-only.
  • payment options Choice field with options "Cash" and "Card".
  • card number :This field should be visible only if the payment option is "Card".
  • Add Payment Button on Patient Details Form

    1. Add a button on the Patient Details form called "Payment Button".
    2. When the button is clicked, a dialog window should open displaying the payment details form.
    3. The form should allow entering the payment details and submitting them.
    4. On submission, the details should be stored in the PaymentDetails table.
11 REPLIES 11

Satishkumar B
Giga Sage
Giga Sage

Hi @marrikruthi 

 

  • Create PaymentDetails Table:

    • Fields: Amount (default 500, read-only), patient_id (ref to Patient, read-only), patient_name (read-only), payment_options (Choice: Cash, Card), card_number (conditional visibility).
  • Add UI Action on Patient Form:

    • Create a UI Action button called "Payment Button" with a script to open a modal window.
  • Create UI Page for Payment Details:

    • Name: payment_details_modal.
    • Include a form with fields for payment details, using JavaScript to toggle the visibility of card_number based on payment_options.
  • Handle Form Submission:

    • Use the submitForm function in the UI Page to insert records into the PaymentDetails table and handle visibility logic for the card_number field.

…………………………………………........................................................................................
Mark it helpful 👍and Accept Solution !! If this helps you to understand.

…………………………………………........................................................................................

 

not ui page inly with ui action

 

@marrikruthi Where should you enter the payment details? After clicking the UI action, a page will appear where you can enter the required information.

…………………………………………........................................................................................
Mark it helpful 👍and Accept Solution !! If this helps you to understand.

…………………………………………........................................................................................

@Satishkumar B  can you share the script of UI  action