Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offline
It's past support hour. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Friday 12:28 am
Add a reply View Replies (7)

Resolved How to control size of image in User List

  1. davidunwin
    davidunwin
  2. Support
  3. Wednesday, April 01 2020, 10:29 AM
We have created a user list module which displays a photo of the user. What we can't seem to do is change the display size.
In the options for the field you can specify width, height, thumb width, thumb height. But whatever we set it does no seem to make any difference to the size of the image displayed???
Am I doing something wrong?
Also can someone explain where the 2 different height and width options are used. does user list use height/width or thumb height/thumb width ??
See screen shots for more info.
Attachments (3)
User Fields.png User Fields.png
User List with Image.png User List with Image.png
Field - Image.png Field - Image.png
  1. user list
  2. images
Accepted Answer
admin
admin Accepted Answer
Admin
thanks for your availability.

Try with this code: 
.jsn-l-fields .contact_display img{

    width:25px

}


The problem was that the list displayed field is an HTML delimiter (not the image directly)
  1. more than a month ago
  2. Support
  3. # Permalink
Responses (7)
admin
admin Accepted Answer
Admin
Hi,
you can manage the size with CSS rules. for example in your case you can add following CSS style to your template:
.jsn-l-fields .profile_image img,

.jsn-l-fields .profile_image_mini img{

    width:50px

}
  1. more than a month ago
  2. Support
  3. # 1
davidunwin
davidunwin Accepted Answer
Thanks for css code I will try that.
What I still don't understand is what the height and width options in the field settings are used for?
Kind regards
David
  1. more than a month ago
  2. Support
  3. # 2
admin
admin Accepted Answer
Admin
Hi,
with these parameter you can set the size and ratio of the stored image.
  1. more than a month ago
  2. Support
  3. # 3
davidunwin
davidunwin Accepted Answer
I tried your code (slightly modified) but it did not make any difference?? See screen shot where the code is in the template override . Does it need to go into the component css?
  1. more than a month ago
  2. Support
  3. # 4
admin
admin Accepted Answer
Admin
Can you please post me the link of the users list page?
  1. more than a month ago
  2. Support
  3. # 5
davidunwin
davidunwin Accepted Answer
I have put the information in the site details.
Thanks so much for help on this
  1. more than a month ago
  2. Support
  3. # 6
davidunwin
davidunwin Accepted Answer
Yes that works,.....thank you very much
For others reading this thread. We have created a HTML field Contact Display to do display a number of easy profile fields. so in our case the css is applied to the contact_display field rather than the image field. see the screen shots.
If you are not using and html field the previous css might work for you.
Kind regards and thanks for the great support.
David
  1. more than a month ago
  2. Support
  3. # 7
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.