paulgyuro

@aswingiri

Thank you, that worked perfectly!

@gelieys

Thank you, that article was helpful and I was able to set up unique profiles.

So the plugin causing the conflict was “Ultimate Member – Fields Character and Words Counter”

Would you please report this to your dev team?

These are the settings for the default profile form:

https://drive.google.com/file/d/1fRSfqDTH1LdQpY0OYlPu1YA5HYptP7MH/view?usp=sharing

Paul

@gelieys

Thank you for your clear instructions. I was able to create the pages as you directed.

There is one issue remaining. When logged in as an “Applicant” user, the user profile for that user is not displaying on the “Applicant” Member directory nor on the “Edit Profile” page. The fields on the account page DO display.

https://drive.google.com/file/d/1TtCbDVmNXZCpwGYv5JOy1wzPr-1f8-ro/view?usp=sharing
https://drive.google.com/file/d/1dk-NxZODji8WQKhCBde6kWyElPW8-JmB/view?usp=sharing
https://drive.google.com/file/d/1ZO4h7OntAWiwIfaguPcY7ZxpiCHV0-A5/view?usp=sharing

When logged in as Admin, the user profiles DO display in the “Applicant” Member directory, BUT the user profile does NOT display on the “Edit Profile” page.

https://drive.google.com/file/d/15qF898QqWMszugHLiH5pA3mQjMU1uJMH/view?usp=sharing
https://drive.google.com/file/d/1NK6qYqckpS1tnvb6208wR7wbYDzXbTx1/view?usp=sharing

These are the settings I am using for the “Applicant” user role, the “Applicant” member directory and the “Applicant” profile form

https://drive.google.com/file/d/1RjoY2cKZTOPsCttdaWnt0hakgwVe_Lsm/view?usp=sharing
https://drive.google.com/file/d/1hZXoHx2aS2CnGZnKacz_NRsReWEvJZqZ/view?usp=sharing
https://drive.google.com/file/d/1433MlVju9_7tCpQevQdzRyCksKDDmvpx/view?usp=sharing

Thank you,
Paul

• This reply was modified 2 years, 11 months ago by paulgyuro.

Hello @aswingiri

Thank you.

1. How do I set up an “Applicant” registration page with the Applicant Registration form that is separate from the default registration page? Is there a way to create an additional UM registration page in addition to the default UM registration page? The shortcode didn’t work.

2. How do I set up an “Applicant” Member Directory page that is separate from the default Member Directory page? Is there a way to create an additional UM Member Directory page in addition to the default UM Member Directory page?

• This reply was modified 2 years, 11 months ago by paulgyuro.
• This reply was modified 2 years, 11 months ago by paulgyuro.

Screenshot of the results:
https://www.dropbox.com/s/fb9aa188fmby2p6/FireShot%20Capture%20014%20-%20User%20%E2%80%93%20Los%20Angeles%20Printmaking%20Society%20-%20www.dev.laprintmakingsociety.org.png?dl=0

Obviously the very tall image is an edge case, but I wanted to see how this would work in a worst-case scenario.

@aswingiri Thank you, actually the effect I want is to enable users to upload infinite different aspect ratios and for each image to display at its original aspect ratio while covering the full width of the column. So a variation in the height of the images is expected and desired.

This is what ended up working:

div.um-photo a img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
}

It looks like my mistake was that I was using
div.um-photo a
when I should have been using
div.um-photo a img

Thank you for your help.

Screenshot for reference. I added a gray background to the boxes to show you that the images are not sizing up to the full width of the boxes:
https://www.dropbox.com/s/h1d44jgzvik8y2g/FireShot%20Capture%20013%20-%20User%20%E2%80%93%20Los%20Angeles%20Printmaking%20Society%20-%20www.dev.laprintmakingsociety.org.png?dl=0

• This reply was modified 2 years, 11 months ago by paulgyuro.

For example, I tried this CSS code which I found on another website that uses the styling that I want, but it did not work:

div.um-photo a {
border: none!important;
padding: 0000!important;
box-shadow: none!important;
max-width: 100%!important;
max-height: 100%!important;
height: auto!important;
width: auto!important;
display: block!important;
box-sizing: border-box!important;
}

• This reply was modified 2 years, 11 months ago by paulgyuro.
• This reply was modified 2 years, 11 months ago by paulgyuro.

@aswingiri can you tell me what CSS properties are being used in the Ultimate Member code to limit the height of the image upload thumbnails on the profile page? I have tried changing the following CSS properties with no luck:

max-width
max-height
height
width

• This reply was modified 2 years, 11 months ago by paulgyuro.

Great, thank you for all of your help, Aswin.

Best,
Paul

Thank you, that did the trick. Can you tell me how to adjust the thumbnails of the images on the profile page so that every thumbnail is the same exact width? I’d like a true masonry effect on this page.

It currently looks like this:
https://www.dropbox.com/s/bw57d6jiypovyyg/FireShot%20Capture%20012%20-%20User%20%E2%80%93%20Los%20Angeles%20Printmaking%20Society%20-%20www.dev.laprintmakingsociety.org.png?dl=0

I’d like it to look something like this:
https://www.dropbox.com/s/zh0jljc0cuwqfsp/FireShot-Capture-013.jpg?dl=0

Also, are there any plugins for Ultimate Member that would enable more advanced options for the gallery of images on the profile page? For example, I’d like to have a slide show within the lightbox where a user could scroll through all of the images without having to close the lightbox.

Thank you!

This screenschot shows the “Default Profile” settings I am using:
https://www.dropbox.com/s/o888xlluhnm7cb4/FireShot%20Capture%20010%20-%20Edit%20Form%20%E2%80%9CDefault%20Profile%E2%80%9D%20%E2%80%B9%20Los%20Angeles%20Printmaking%20Society%20%E2%80%94%20WordP_%20-%20www.dev.laprintmakingsociety.org.png?dl=0

This screenshot shows an example of the settings I am using on the images:
https://www.dropbox.com/s/sxrp5ka5mpoh3di/UM_Imgae_Settings.jpg?dl=0

Thank you.

This screenshot shows the user edit page, where you can see that images have been uploaded:

https://www.dropbox.com/s/d9jd4luyux29y3z/FireShot%20Capture%20009%20-%20User%20%E2%80%93%20Los%20Angeles%20Printmaking%20Society%20-%20www.dev.laprintmakingsociety.org.png?dl=0

However, the images do not display on the member profile page:

https://www.dropbox.com/s/gvohomy81upb2r1/FireShot%20Capture%20008%20-%20User%20%E2%80%93%20Los%20Angeles%20Printmaking%20Society%20-%20www.dev.laprintmakingsociety.org.png?dl=0

• This reply was modified 2 years, 11 months ago by paulgyuro.
• This reply was modified 2 years, 11 months ago by paulgyuro.