How to create a user notes feature with text inputs that saves silently and remains accessible for editing? Answered

Post author
Riaz Khatri

Hello, I have a text input for my members, I want the member to write their notes in this, and save this (I do not want the form submission message to appear). I also want them to access this whenever they want to see their notes, preferabally in the same text input box (could maybe be an edit button?). Can anyone here help or direct me. thank you

Comments

3 comments

  • Comment author
    Chukwudi Onyekwere

    Hi Riaz,

    You can indeed use the `data-ms-member` attribute to manage member notes.
    Here’s how you can set it up:

    Step 1: Create a Custom Field for Notes
    In your Memberstack dashboard, create a custom field for storing notes. You might name it something like "notes".

    Step 2: Set Up the Text Input
    On your member dashboard or profile page, create a text input (or textarea) for members to write their notes. Use the `data-ms-member` attribute to bind this input to the custom field you created.

    Here’s an example of how to set it up in HTML:

    <textarea id="notesInput" data-ms-member="notes" placeholder="Write your notes here...
    "></textarea>

    Step 3: Save Notes Without Submission Message
    When the member types in the textarea, Memberstack will automatically save the input to the custom field when the form is submitted.

    Step 4: Retrieve and Display Notes
    When the member accesses the page, the notes will automatically populate in the textarea because of the `data-ms-member` attribute. Memberstack handles fetching the data for you. This article would guide you on how to set this up.

    I hope this helps.

    0
  • Comment author
    Riaz Khatri

    Hi Chukwudi,

    I will have multiple text inputs (around 4-5) on the page, will I follow the same process? Does this also mean i need to have 4-5 custom fields on memberstack

    For Step 3, it still shows the submission message, i read that you need to add a javascript which I tried

    0
  • Comment author
    Chukwudi Onyekwere

    Yes, you'd have 4 - 5 custom fields as well in Memberstack. For Step 3, a workaround would be to add a space in the field for the submission message within the translation settings in Memberstack. Please let me know how it goes.

    0

Please sign in to leave a comment.