RadioReference on Facebook   RadioReference on Twitter   RadioReference Blog
 

Go Back   The RadioReference.com Forums > Site Administration Forums > Forums Administration


Forums Administration - For administrative questions about the forums or problems with its use. Before you ask, did you read here first?

Reply
 
LinkBack Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old 04-23-2018, 3:41 PM
K7MFC's Avatar
Member
  Shack Photos
Shack photos
Premium Subscriber
Premium Subscriber
Amateur Radio Operator
Amateur Radio
 
Join Date: Nov 2017
Location: Phx, AZ
Posts: 291
Default Forum images max-width

I've noticed that when very large images are posted in the threads, it blows the width of the the parent <tr> element way out, making it necessary to scroll horizontally and vertically to read the thread. Tested in all browsers - example thread:

https://forums.radioreference.com/ra...0-install.html

Can I suggest adding a "max-width: 100%" property to any img in a post_message div? There are still some additional style related issues when very large images are posted, but this would be a quick and easy fix to make the forums a bit more navigable.
__________________
Matt Callahan | K7MFC | WRAA720
K7MFC.com | Arizona GMRS Repeater Club


var radioList = new List<Radio>();
Reply With Quote
Sponsored links
  #2 (permalink)  
Old 04-23-2018, 3:58 PM
Member
   
Join Date: Jan 2007
Posts: 3,698
Default

Quote:
Originally Posted by call_sign_null View Post
I've noticed that when very large images are posted in the threads, it blows the width of the the parent <tr> element way out, making it necessary to scroll horizontally and vertically to read the thread. Tested in all browsers - example thread:

https://forums.radioreference.com/ra...0-install.html

Can I suggest adding a "max-width: 100%" property to any img in a post_message div? There are still some additional style related issues when very large images are posted, but this would be a quick and easy fix to make the forums a bit more navigable.
Changes to the entire forum structure may be coming soon:

https://forums.radioreference.com/fo...ml#post2914339

.
Reply With Quote
  #3 (permalink)  
Old 04-23-2018, 4:32 PM
mciupa's Avatar
Forums Moderator
  RadioReference Database Admininstrator
Database Admin
 
Join Date: Nov 2002
Posts: 6,580
Default

I find that situation annoying in the forums I moderate. I hate to scroll all over the page. Post #2 in that referenced thread is the worst I've seen.

My remedy is to edit the post and remove the [img] [/img] codes from the post which will render it as a https: link to be clicked on.
Reply With Quote
  #4 (permalink)  
Old 04-23-2018, 4:36 PM
mmckenna's Avatar
Member
   
Join Date: Jul 2005
Location: WTVLCA01DS0
Posts: 9,329
Default

That's my post, and I edited the first one to the option I had that would fit. The sizing seems to be an Imgur thing that I need to play with.

The second one is just because I forgot to downsize it. I'll fix it now.

It's always OK to PM me directly with stuff like this and I'll be happy to address it.
Reply With Quote
  #5 (permalink)  
Old 04-23-2018, 4:42 PM
MikeOxlong's Avatar
Forums Manager/Global DB Admin/Commie
  RadioReference Database Admininstrator
Database Admin
 
Join Date: Jun 2001
Location: Central Ontario
Posts: 10,225
Default Forum images max-width

It's easiest if the poster resizes the image to something more suitable for the forums.

Unfortunately, most don't so we change the picture to a link.
__________________
Mike.

Sorry but I don't accept PM's. Please use email instead.
Reply With Quote
Sponsored links
  #6 (permalink)  
Old 04-23-2018, 4:43 PM
K7MFC's Avatar
Member
  Shack Photos
Shack photos
Premium Subscriber
Premium Subscriber
Amateur Radio Operator
Amateur Radio
 
Join Date: Nov 2017
Location: Phx, AZ
Posts: 291
Default

My inquiry wasn't necessarily about that particular post - it just happened to be the most recent example that exposes this issue. A user should not have to worry about image size when posting a direct image link - that should be handled by the site via proper styling. In a perfect world, users would be cognizant of this and post appropriately sized images, but as MikeOxlong mentioned, this is not always the case. Applying a max-width property so an <img> element fits the width of its parent should be a straightforward fix.

edit:

To demonstrate, here's how the page displays when I apply "max-width: 100%" globally to all <img> elements - no change to the original images is necessary:

before:



after:




__________________
Matt Callahan | K7MFC | WRAA720
K7MFC.com | Arizona GMRS Repeater Club


var radioList = new List<Radio>();

Last edited by call_sign_null; 04-23-2018 at 5:24 PM.. Reason: added sample imgs
Reply With Quote
  #7 (permalink)  
Old 04-23-2018, 5:02 PM
mmckenna's Avatar
Member
   
Join Date: Jul 2005
Location: WTVLCA01DS0
Posts: 9,329
Default

I reposted and fixed the image size to something more reasonable, half the size of what they were before. I tagged the original posts for moderate deletion, if one of you would be so kind. Everything is now on one post.

Also,
I searched the site using the FAQ search for something regarding suggested image size, but I couldn't find it. If there's a page that addresses that, It'd be helpful for someone to point me at it so I can make sure my future photos are the recommended size.
Reply With Quote
  #8 (permalink)  
Old 04-23-2018, 5:14 PM
Member
   
Join Date: Jan 2007
Posts: 3,698
Default

Quote:
Originally Posted by mmckenna View Post

Also,
I searched the site using the FAQ search for something regarding suggested image size, but I couldn't find it. If there's a page that addresses that, It'd be helpful for someone to point me at it so I can make sure my future photos are the recommended size.
Don't know if these are hard-coded limitations, or suggestions. This is from the pop-up window when you click the "Attachments" icon (the paper clip) when replying to a post....


Name:  limit.jpg
Views: 191
Size:  62.6 KB
Reply With Quote
  #9 (permalink)  
Old 04-23-2018, 5:22 PM
K7MFC's Avatar
Member
  Shack Photos
Shack photos
Premium Subscriber
Premium Subscriber
Amateur Radio Operator
Amateur Radio
 
Join Date: Nov 2017
Location: Phx, AZ
Posts: 291
Default

Quote:
Originally Posted by fxdscon View Post
Don't know if these are hard-coded limitations, or suggestions. This is from the pop-up window when you click the "Attachments" icon (the paper clip) when replying to a post....
This applies to images that are attached by the user and uploaded to RR's storage. The issue here is when images from an external host are displayed in the forums. There is no limit on the size of these images, as radioreference is not hosting or processing them on their servers.
__________________
Matt Callahan | K7MFC | WRAA720
K7MFC.com | Arizona GMRS Repeater Club


var radioList = new List<Radio>();
Reply With Quote
  #10 (permalink)  
Old 04-23-2018, 5:42 PM
Member
   
Join Date: Jan 2007
Posts: 3,698
Default

Quote:
Originally Posted by call_sign_null View Post
This applies to images that are attached by the user and uploaded to RR's storage. The issue here is when images from an external host are displayed in the forums. There is no limit on the size of these images, as radioreference is not hosting or processing them on their servers.
I am aware of the difference between attached images and those hosted externally. Perhaps following the max height and width sizes suggested here would prevent the post from expanding beyond it's normal width.

(Which was the question asked in post #7).

.
Reply With Quote
  #11 (permalink)  
Old 04-23-2018, 5:53 PM
K7MFC's Avatar
Member
  Shack Photos
Shack photos
Premium Subscriber
Premium Subscriber
Amateur Radio Operator
Amateur Radio
 
Join Date: Nov 2017
Location: Phx, AZ
Posts: 291
Default

Quote:
Originally Posted by fxdscon View Post
Perhaps following the max height and width sizes suggested here would prevent the post from expanding beyond it's normal width.
Ah, gotcha. Ideally yes, users should be aware of the size of images they are posting. But in all practically, they aren't aware and/or don't care. I would strongly urge the site admins/devs to implement one line of CSS and fix the root cause of this issue, rather than relying on users to post images of a certain size, or relying on admins to spot these issues and edit the post to change the <img> element to a link..
__________________
Matt Callahan | K7MFC | WRAA720
K7MFC.com | Arizona GMRS Repeater Club


var radioList = new List<Radio>();
Reply With Quote
  #12 (permalink)  
Old 04-23-2018, 6:03 PM
mmckenna's Avatar
Member
   
Join Date: Jul 2005
Location: WTVLCA01DS0
Posts: 9,329
Default

Quote:
Originally Posted by call_sign_null View Post
Ah, gotcha. Ideally yes, users should be aware of the size of images they are posting. But in all practically, they aren't aware and/or don't care.
I was aware and did fix the first post. It was the following one where I just plum forgot. However some may not or don't.

Quote:
Originally Posted by call_sign_null View Post
I would strongly urge the site admins/devs to implement one line of CSS and fix the root cause of this issue, rather than relying on users to post images of a certain size,
Which seems like a much better solution than:

Quote:
Originally Posted by call_sign_null View Post
...relying on admins to spot these issues and edit the post to change the <img> element to a link..
Removing the <img> would require viewers to click on each individual link, which takes a lot of convenience out of this board. I don't like clicking on unknown links all the time, either.

But sounds like a fix is in the works. We can wait and see what the solution is.
Reply With Quote
  #13 (permalink)  
Old 04-23-2018, 6:04 PM
Member
   
Join Date: Jan 2007
Posts: 3,698
Default

Quote:
Originally Posted by call_sign_null View Post
Ah, gotcha. Ideally yes, users should be aware of the size of images they are posting. But in all practically, they aren't aware and/or don't care. I would strongly urge the site admins/devs to implement one line of CSS and fix the root cause of this issue, rather than relying on users to post images of a certain size, or relying on admins to spot these issues and edit the post to change the <img> element to a link..
Perhaps when the upcoming new forum software is deployed it will address that issue. I agree, it is annoying when the current software allows that to happen.

.
Reply With Quote
  #14 (permalink)  
Old 04-24-2018, 12:01 PM
K7MFC's Avatar
Member
  Shack Photos
Shack photos
Premium Subscriber
Premium Subscriber
Amateur Radio Operator
Amateur Radio
 
Join Date: Nov 2017
Location: Phx, AZ
Posts: 291
Default

For any Stylish users out there, I made a really simple custom theme that will fix the image width problem:

RadioReference Forums - userstyles.org

Stylish is a cool browser extension for Chrome and Firefox which allows a user to apply a custom style to a website, modifying the way the content like text and images are displayed within their browser. The theme I created will prevent an image in a post reply from exceeding the default width and eliminate the need for horizontal scrolling to view replies.

The actual CSS change I make to fix image dispaly is the following:

Code:
div[id^='post_message'] img
{
    max-width: 100%
}
__________________
Matt Callahan | K7MFC | WRAA720
K7MFC.com | Arizona GMRS Repeater Club


var radioList = new List<Radio>();

Last edited by call_sign_null; 04-24-2018 at 12:21 PM..
Reply With Quote
  #15 (permalink)  
Old 07-03-2018, 10:11 AM
K7MFC's Avatar
Member
  Shack Photos
Shack photos
Premium Subscriber
Premium Subscriber
Amateur Radio Operator
Amateur Radio
 
Join Date: Nov 2017
Location: Phx, AZ
Posts: 291
Default

I recently learned that the Stylish browser extension I recommended above was found to now contain spyware that can track your web browsing behaviors:

https://robertheaton.com/2018/07/02/...ernet-history/

If you you currently use the Stylish extensions/add-on form Chrome or Firefox, it is recommended you remove it immediately! Here is some information on how to render custom CSS for a site in Firefox and achieve the same result without the need for the Stylish add-on:

https://superuser.com/questions/3189...sercontent-css
__________________
Matt Callahan | K7MFC | WRAA720
K7MFC.com | Arizona GMRS Repeater Club


var radioList = new List<Radio>();
Reply With Quote
  #16 (permalink)  
Old 07-03-2018, 10:44 AM
Member
  Amateur Radio Operator
Amateur Radio
 
Join Date: Sep 2006
Location: Davenport,Fl.- home to me and the gators and the skeeters.
Posts: 1,588
Default

Glad you posted that Matt! I was about to download that for when I upload a jpg. Thanks for the warning sir.
__________________
Freedom, a beautiful way of life.
Pro-107, Pro-44, Pro-94, Pro-2006, DX-440
FT-2900R, FT-101EE, HTX-202, IIC-2AT, BTX-121, UV-5R, KT-7900D
Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -5. The time now is 4:49 AM.


Powered by vBulletin® Version 3.8.2
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
All information here is Copyright 2012 by RadioReference.com LLC and Lindsay C. Blanton III.Ad Management by RedTyger
Copyright 2015 by RadioReference.com LLC Privacy Policy  |  Terms and Conditions