Skip to Content Skip to Menu

image size in userlist

10 years 4 months ago #245909 by simonetravaglini
image size in userlist was created by simonetravaglini
Hello,
in user list how can I set avatar image size? How? It show me to little image...

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48478
  • Thanks: 8282
  • Karma: 1443
10 years 4 months ago #245951 by krileon
Replied by krileon on topic image size in userlist
Userlist always uses thumbnail size. You can adjust the thumbnail size on a field by field basis by editing each image field in CB > Field Management or globally within CB > Configuration > Images. Note changing this has no affect on existing images, but only on newly uploaded images. You could also use CSS to force the avatars to a specific size using the cbThumbPict CSS class. Example as follows.

Code:
.cbThumbPict { width: 100px; height: 100px; }


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: simonetravaglini

Please Log in or Create an account to join the conversation.

10 years 4 months ago #246044 by simonetravaglini
Replied by simonetravaglini on topic image size in userlist
Thank you for the answer...
If I give fixed size with CSS images result not proportioned... There is a way to mantain propoportion between height and wheigt? For example I can set only the height and have a proportioned weight?


And if I want images have original size in userlist?

Thank you

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48478
  • Thanks: 8282
  • Karma: 1443
10 years 4 months ago #246069 by krileon
Replied by krileon on topic image size in userlist

If I give fixed size with CSS images result not proportioned... There is a way to mantain propoportion between height and wheigt? For example I can set only the height and have a proportioned weight?

Yes, just set the width or the height instead of both and it'll maintain aspect ratio.

And if I want images have original size in userlist?

You'd need to create a delimiter field that outputs the profile display of the avatar then add the delimiter field to your userlist. The userlist specifically outputs the userlist display of the field, which is thumbnail size.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

10 years 4 months ago #246169 by simonetravaglini
Replied by simonetravaglini on topic image size in userlist
Hello,
it works... for explore and firefox!
For chrome don't get change, so I have to set:

@media screen and (-webkit-min-device-pixel-ratio:0)
{
.cbThumbPict {
width: 1250px;
height: 150px;
}
}

and I get a result accetable.
Why? Width set to 1250 to have a real width that is maximum 150?
You can see here: terapeuti.be4eat.com/lista

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48478
  • Thanks: 8282
  • Karma: 1443
10 years 4 months ago - 10 years 4 months ago #246226 by krileon
Replied by krileon on topic image size in userlist
Probably due to the max width as you can combine max width and width. You can set max width to none to prevent this. Example as follows.

Code:
.cbThumbPict { width: 100px; height: 100px; max-width: none; }


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Last edit: 10 years 4 months ago by krileon.
The following user(s) said Thank You: simonetravaglini

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum