Support

    You are here:  
  1. Home
  2. Support
  3. Sven_Budak
Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offday
Today is our off day. 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: Sunday 7:10 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.

Request Support

Support is currently Offline
Ask a Question
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00

Support Availability

Working days: Monday to Friday. The support staff is not available on weekends; in the most of cases tickets will not be answered during that time.

Reply time: Depending on the complexity of your support issue it's usually between a few minutes and 24 hours for paid members and about one week for free members. When we expect longer delays we will notify you.

Guidelines

Before you post: read the documentation and search the forums for an answer to your question.

When you post: include Site Details if you request a support (you can use the form below the reply in Site Details tab).

Auto Solved Question: If after a week the author of the post does not reply to a request by moderator, the question will be marked as resolved.

Language: only English

Search Users

Easy Profile® is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla is Free Software released under the GNU/GPL License.

We use a few cookies

Our site uses non fat, delicious cookies which help us improve your user experience. You can read more about it in our Legal page.