Topic: Dynamic profile fields

Dynamic profile fields

Henry
Member

@henrywright-1

11 years, 6 months ago

Has anyone come across a solution to dynamic profile fields?

For example, I display a profile input field “Qualifications” on the edit profile screen. The field is currently a one line text input. This is great if the member has 1 qualification. What if they have 2 qualifications, or three, or more?

I’d like the member to be able to click on an “add more” button which creates a new text input which they can use to add a second qualification. Clicking on “add more” again will add a third text input and so on.

Your thoughts and ideas are appreciated…

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

Henry
Member

@henrywright-1

11 years, 4 months ago

bump

4ella
Participant

@4ella

11 years, 4 months ago

nice idea, bump

Hugo Ashmore
Participant

@hnla

11 years, 4 months ago

@4ella one bump is sufficient!

@henrywright-1I think this is going to have attendant issues difficult to deal with. Gravity forms allows for forms with repeater fields and you can then tie submissions into existing functionality but profile fields are going to be hard to deal with, if they aren’t created. The repeater fields are created via JS on submission you have to tie it in to creating new profile field label etc then if you can do that you create those extra for all users.

What may be a better approach is to add in advance all the fields you may need then on front end hide them with JS and allow user to show them as and when needed, public profile would be set to ignore any empty fields & labels.

Henry
Member

@henrywright-1

11 years, 4 months ago

@hnla

Loving the second approach! although not as clean as the first approach, it’ll be much easier to do. jQuery show, hide and toggle could all be used to get the desired effect! i’m going to have a crack at it this weekend…

Henry
Member

@henrywright-1

11 years, 4 months ago

@hnla i’ve made a start but have to pop out for a while. You can see where i’ve got to so far

http://jsfiddle.net/L9U7R/

paddelboot
Participant

@paddelboot

11 years ago

Another approach might be to “fake” those dynamically created fields. Upon saving them, simply collect all data entered and save it into 1 field. When displaying the profile, extract this data into the according amount of input fields.