Jump to content

Creating thumbnails without newline in between?

Featured Replies

Posted

We are currently in the process of migrating our existing forum to IPS. What really irks me is that posts with many attachments get really huge vertically and contain lots of whitespace. This is how a post looks, when images are attached:

before.png

And this is how it should look:

after.png

 

Is there any way to get this result automatically without having the user edit his post after posting?

 

 

Are these attachments, or embedded (linked) images?

  • Author

Those are attachments. Ignore the weird selection, I just marked a bunch of stuff from the temp folder and uploaded it to our test installation.

I would look into the templates where the attachment loop is and see if there is either a hard-coded BR tag, or if it is being controlled by a CSS class, find it and modify that to suit your needs (probably changing from "block" to "inline" on the display CSS.

I don't have access to a 4.1 build at the moment to point out where in the templates to do this, or if it is template/css, or both.

I'd also see about aligning the thumbnails to the top as well :)

I made a post about this over a year ago. 

Search for Cute Cat Conundrum.

I submited a ticket about this when we first migrated and the "solution" was to just modify the template and remove the <p> (or was it <br> ) so that they are all on the same line, since the post itself is in a DIV (if i remember correctly) then it auto wraps. 

  • Author
9 hours ago, maddog107_merged said:

I submited a ticket about this when we first migrated and the "solution" was to just modify the template and remove the <p> (or was it <br> ) so that they are all on the same line, since the post itself is in a DIV (if i remember correctly) then it auto wraps. 

That is correct. Do you still know which template that was? I've been searching for it but didn't manage to find the correct one.

On 11/1/2016 at 2:36 AM, Audi A2 Club Germany said:

That is correct. Do you still know which template that was? I've been searching for it but didn't manage to find the correct one.

core -> global -> editor -> attachedImage

remove the <p> at the end

<a href="/{$url}" class="ipsAttachLink ipsAttachLink_image"><img data-fileid="{$id}" src="/{$thumbnail}" class="ipsImage ipsImage_thumbnailed" alt="{$title}"></a>

 

  • 2 months later...

I'd like to reiterate this is a major problem for communities with image boards.  One of my users brought this up today as a problem.   

We need a thumbnail grid of attachments.  

 

  • Author

Yep. My users are not happy as well.

  • 2 weeks later...
On 1/31/2017 at 2:38 AM, Joel R said:

I'd like to reiterate this is a major problem for communities with image boards.  One of my users brought this up today as a problem.   

We need a thumbnail grid of attachments.  

 

I understand IPS is planning a larger overhaul of the way images are added for 4.2 but surely something could be done about attachment thumbnails sooner.

I would imagine this is not a big issue to solve.

 

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.