How to Store the Client ID for Image Control in Nintex Forms 2013?

[#1]

We have a people picker control and an Image Control on a Nintex Form.

Image Control is visible only in Display Mode.

The Image control should display the User Profile image of the user picked in the people picker control.

I am able to get the PictureURL property from the picked user.

Where to assign the Client ID for Image Control so that I can update Image URL Property to the retrieved PictureURL. ?

[andrewg · Accepted solution]

Sometimes when I have trouble getting a single control the form for a javascript function, I will use the class of the item instead. So on a form that has an Image control, set the control's class field to .userprofileimage. Then you can get that element in javascript by NWF$(.userprofileimage)

[#3]

Thanks Andrew, this works.

When I debugged on chrome found that nintex adds the other class "nf-image"

Used the code NWF$(".userprofileimage.nfimage").attr('src',profilepicURL) to set the Profile Picture URL.

Hope this helps all others.

[andrewg]

nf-image is used for the default css added to the forms. You can use it in the selector, but it isn't necessary as long as you only have one use of .userprofileimage in the form.

[andrewg]

Let us know if you need any further help on this matter, or mark an answer so others know to review this post when searching for an answer.

Thanks,