Making Fields Bigger on Profile Form

  • Resolved carlosmdlf

    (@carlosmdlf)


    2 years, 4 months ago

    Hi there, I am trying to customize the Profile Form, so as to improve the page my users see when they are updating their profile. Particularly, I would like to make text fields bigger, since rioght now they are only one line wide, so then it is very complex to write text in them, since text disappears. I would like the fields user info, Vehicle, and vehicle rules to be broader an occupy the full lenght of the page, so that users can write more than one line and still see what they are writing. Screenshot here:
    https://paste.pics/324302ac07a6833d6f19021b4f08afa1

    Thank you in advance for any help provided. Greetings.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • @carlosmdlf

    You can create a Profile page with both single column and a two column setup.
    Move User info, Vehicle, and Vehicle rules fields to this one column part of your Form.

    You can also remove current single line fields and create these fields as textareas.

    You can read these guides:

    https://docs.ultimatemember.com/article/86-field-types

    https://docs.ultimatemember.com/article/1716-field-types-setting

    Thread Starter carlosmdlf

    (@carlosmdlf)

    Hi @missveronicatv, thanks a lot for your answer. I have done some testing and effectively, changing the text single line fields into text areas correctly solve the issu of text space been too small. Yet, that faces me with a bigger problem, I have already 300 users on the website who have filled in text fields, so if I delete those text fields and put text areas intead, all that user profile information will be lost. Can you please tell me how could I do to transpose all that info from the text fields to the text areas, or If I could somehow change the properties from text field to text area. Thank you very much.

    @carlosmdlf

    You can convert your textbox to a textarea
    and keep the user entered data for display in the textarea.

    These are the steps to convert textbox field to textarea field:

    1. Make a database backup
    2. Edit the textbox
    3. Change Title to DELETE
    4. Update textbox field
    5. Delete the textbox field
    6. Update the Form
    7. Add new field to Form
    8. Scroll down in the modal to “Custom Fields”
    9. Delete the textbox field’s meta_key with Title DELETE click red X-dot
    10. Confirm delete with OK (Ignore if you get Ajax error)
    11. Update the Form
    12. Create a new textarea
    13. Use the same meta_key as in the old textbox
    14. Enter Title, Label etc for your new textarea
    15. Add the field to the Form
    16. Update the Form

    Now you can display the form again and you will find a textarea displaying the old textbox text.

    • This reply was modified 2 years, 4 months ago by missveronica.
    Thread Starter carlosmdlf

    (@carlosmdlf)

    Very well explained, that worked out perfectly, thank you very much. @missveronicatv

    @carlosmdlf

    Thanks for your feedback.

    @gelieys

    Would be nice to have “How to convert fields” in the UM Documentation.

    Hi @missveronicatv

    Thanks for tagging me, here’s the document: https://docs.ultimatemember.com/article/1784-how-to-convert-text-box-field-to-textarea-field

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Making Fields Bigger on Profile Form’ is closed to new replies.