Skip to Content Skip to Menu

🎃 Happy Halloween! Treat yourself with an awesome discount on memberships! Get 20% off now with code SPOOKY-2024!

Avatar size

  • hicksan
  • hicksan
  • OFFLINE
  • Posts: 28
  • Thanks: 1
  • Karma: 0
8 years 4 months ago #283307 by hicksan
Avatar size was created by hicksan
We are having difficulties with the sizing and proportions of avatar images in various lists.

Some of them are coming out as too small and as cropped (without lower frame) on one list.

On another list one user uploaded avatar is showing with the wrong proportions (rectangle not square).

We have set global configuration for image thumbnails as 80 x 80.

We have set avatar field configuration for thumbnails as 80 x 80.

Neither seems to make any difference. Screenshots attached. Please advise.

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48459
  • Thanks: 8280
  • Karma: 1443
8 years 4 months ago #283318 by krileon
Replied by krileon on topic Avatar size
You're using Grid usage for your userlist and didn't set the grid height high enough. Edit your userlist and make the grids taller otherwise edit your image settings and force images to be square, but this will do nothing for existing images. Alternative is to use CSS and set max-height to 100%.


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.

  • hicksan
  • hicksan
  • OFFLINE
  • Posts: 28
  • Thanks: 1
  • Karma: 0
8 years 4 months ago #283327 by hicksan
Replied by hicksan on topic Avatar size
Yes I'm using grid usage as per your instructions in tutorial 5 so I can display the canvas image.

I tried increasing the grid height but it only adds white space under the office title. It does nothing for the avatar image.

These same avatar images display perfectly well elsewhere - as square without being clipped.

How do I use image settings to force avatars to be square?

What about the other one that is appearing as a rectangle in the other report? How is that even possible given the settings I input?

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

  • hicksan
  • hicksan
  • OFFLINE
  • Posts: 28
  • Thanks: 1
  • Karma: 0
8 years 4 months ago #283331 by hicksan
Replied by hicksan on topic Avatar size
If I turn off the borders and do inspect image I find that all of the thumbnails are different sizes - simple scaled down from the originals, and bear no connection to the limits set in the avatar field or in the global configuration.

I have tried all the settings of the 'maintain aspect ratio' setting in both field aand global but neither appears to have any effect.

How can I force them all to be the same size and shape please?

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48459
  • Thanks: 8280
  • Karma: 1443
8 years 3 months ago #283349 by krileon
Replied by krileon on topic Avatar size
You can use the below CSS to force them to scale down, but it's likely going to cause stretching and not look very good.

Code:
.cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine > .cbListFieldCont.cbUserListFC_avatar a { height: 100%; } .cb_template .cbUserListDiv.cbUserListLayoutGrid.cbUserListCanvas .cbUserListRowCol1 .cbUserListFieldLine > .cbListFieldCont.cbUserListFC_avatar .cbImgPict { max-height: 100%; }

You can force squared images by adjusting how images are processed using the "Maintain Aspect Ratio" parameter within CB > Configuration > Images globally or per field using image field parameters. Again, this will have no affect on existing avatars.


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.

  • hicksan
  • hicksan
  • OFFLINE
  • Posts: 28
  • Thanks: 1
  • Karma: 0
8 years 3 months ago #283355 by hicksan
Replied by hicksan on topic Avatar size
Thanks Kyle.

Are you saying that I have to reload ALL our existing avatar pics in order to impose current size settings on them?

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

Moderators: beatnantkrileon
Powered by Kunena Forum