FIXED: How to properly insert images into your posts without breaking the forum page layout

This forum has a small problem of what frequent mobile users like me are well aware of. Let me a brief description: threads/posts and its contents are drawn inside boxes whose width is less than screen width pixels. When inserting images, by default the forum does nothing to give images proper size format. This means careless and/or unaware users can (and often) break the forum page layout when inserting big images (which nowadays are common).

For this reason, to properly insert an image without breaking the page layout always use the relative width option.

Fixed. See #12 update below.

The relative width option is worthwhile being used if you like:

Simple Post Editor users: insert the percentage value image width in the (OPTIONAL) Relative Width (%): section in the Insert Image box.

Advanced Post Editor users: insert the percentage value figure along with the % character behind it in the horizontal Dimensions attribute input box, and clear the vertical box.

Suffice to say larger than 100 points figures will “break the box”, therefore avoid such numbers. ;-)

Thanks.

P.S.: this thread has been created to be appended to my signature.

Thank you that works great. i never knew what those (optional) values would do before.

But using 100% in the (optional) relative width field caused the image to be reduced to exactly fit within the border of the post field.

Works like that on tablets and cellphones too, which helps a lot on the smaller screens.

Wait, you can specify >100% relative width? I’m doing 300% from now on, thanks for the great idea!

LoL behave yourself, that is food for some hoax. Or to kick out people from a thread…

Let's make a ;-) test. Test done, 594% was enough. At 595% and up I was forced to scroll the screen sideways to see all content in a 1920 pixel wide screen device (smartphone/tablet in landscape).

Looks like it has some sort of limit. Will take a screenshot or two, and come back.

Screenshot coming for my next post.

:-D

Sun, 10/13/2019 - 03:36

Well, take a look at what you get if you get :-D nasty:

What are all the compatible image hosting websites?

Most of them work with BLF.

I like abload.de and imgur.

This distorts the picture, unless on top of putting the percentage in the horizontal box you also empty the vertical pixel box

Fixed, thanks.

I use ImgBB for hosting and edit all my pictures to 800x600 before I upload them. Seems to work just fine.

Major update. Had a brief conversation with sb56637 concerning forum box width computation and image fitting, I'll paste it here:

This is all for now. While the relative width parameter is still worthwhile being used, the major issue is now fixed.

Thu, 11/07/2019 - 20:17

...

Cool!

I just posted my sig image, which used to be too wide for my screen, and it was automatically resized!

(But, the aspect ratio is all wrong unless I delete the height dimension manually.

I don't know if sb can fix that problem.)

I see raccoon, just had to fiddle with it for it to look good in your quote. I briefly observed this while pming with sb56637, happens on the Avanced Post Editor. Will report to him looks like an easy fix: empty the vertical dimension box/variable for it to always get properly resized on par with the horizontal, keeping aspect ratio. Improving :-)) the forum.

That’s correct raccoon* and *Barkuti, I never recommend specifying a height dimension. Just the relative width percentage is enough. (And in cases where the user forgets to specify the width, the forum style should now limit the width automatically to 100% maximum.)

I just tried to make an image 120% wide with the Advanced Editor, and I couldn't!

:wink:

Where you can still cheat is with tables, you can take comfort in throwing off the page alignment for everybody by manually specifying a super-wide table. :innocent:

Thanks Barkuti and sb :slight_smile:

Yes, thank you!

The forum is indeed better now.

You never dared to try some nasty figure, raccoon city? :-D I once did a 600+% here, the thread turned out really nasty looking I swear. It could have served as a shenanigan by a troll, forcing moderator intervention.

All that remains now is to unify the forum post editor. I am used to syntax reconstructing quotes made with the Simple Post Editor, it's a hardship which goes both ways (Advanced to Simple too). People wouldn't flee, at most they'd complain for a few days while re-learning and getting used to the new editor, wonderful time for a lot of jokes.