Topic Thumbnail for IPS4.x

onlyME · November 21, 2018

Your theme uses css that overwrite ipsGrid

@supports (display: grid){

	[data-ipsgrid-minitemsize="500"]{
		--grid-min: 400px;
	}

	[data-ipsgrid-minitemsize="400"]{
		--grid-min: 400px;
	}

	[data-ipsgrid-minitemsize="350"]{
		--grid-min: 350px;
	}

	[data-ipsgrid-minitemsize="300"]{
		--grid-min: 300px;
	}

	[data-ipsgrid-minitemsize="250"]{
		--grid-min: 250px;
	}

	[data-ipsgrid-minitemsize="230"]{
		--grid-min: 230px;
	}

	[data-ipsgrid-minitemsize="200"]{
		--grid-min: 200px;
	}

	[data-ipsgrid-minitemsize="170"]{
		--grid-min: 170px;
	}

	[data-ipsgrid-minitemsize="150"]{
		--grid-min: 150px;
	}

	[data-ipsgrid-minitemsize="100"]{
		--grid-min: 100px;
	}

	[data-ipsgrid-minitemsize="60"]{
		--grid-min: 60px;
	}

	[data-ipsgrid-minitemsize="40"]{
		--grid-min: 40px;
	}

	.ipsGrid{
		display: grid;
		grid-gap: var(--grid-gap);
		grid-template-columns: repeat(12, 1fr);
	}

		/* Forces truncated text to work */
		.ipsGrid > *{
			min-width: 0;
		}

	[data-ipsgrid-minitemsize]{
		--grid-fill: auto-fill;
		grid-template-columns: repeat(var(--grid-fill), minmax(calc(var(--grid-min) + var(--grid-gap)), 1fr));
	}
  
	.ipsGrid + .ipsGrid{
		margin-top: var(--grid-gap) !important;
	}

		.ipsGrid > [class*="ipsGrid_span"]{
			width: auto !important;
			margin: 0 !important;
			float: none !important;
			height: auto !important;
		}

		.ipsGrid::before,
		.ipsGrid::after{
			display: none;
		}

	.cPromotedImages{
		--grid-gap: 0px;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span1{
		grid-column: span 1;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span2{
		grid-column: span 2;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span3{
		grid-column: span 3;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span4{
		grid-column: span 4;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span5{
		grid-column: span 5;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span6{
		grid-column: span 6;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span7{
		grid-column: span 7;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span8{
		grid-column: span 8;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span9{
		grid-column: span 9;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span10{
		grid-column: span 10;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span11{
		grid-column: span 11;
	}

	.ipsGrid:not([data-ipsgrid-minitemsize]) > .ipsGrid_span12,
	.ipsGrid:not([data-ipsgrid-minitemsize]) > :not([class*="ipsGrid_span"]){
		grid-column: span 12;
	}

	@media (max-width: 979px){
		.ipsGrid.ipsGrid_collapseTablet:not([data-ipsgrid-minitemsize]) > [class*="ipsGrid_span"]{
			grid-column: span 12;
		}
	}

	@media (max-width: 767px){
		.ipsGrid.ipsGrid_collapsePhone:not([data-ipsgrid-minitemsize]) > [class*="ipsGrid_span"]{
			grid-column: span 12;
		}
	}

	/* Ensure that grids don't span wider than the viewport on mobiles */
	@media (max-width: 550px){
		[data-ipsgrid-minitemsize="500"]{
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 450px){
		[data-ipsgrid-minitemsize="400"]{
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 400px){
		[data-ipsgrid-minitemsize="350"]{
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 350px){
		[data-ipsgrid-minitemsize="300"]{
			grid-template-columns: 1fr;
		}
	}

	/* Allow profile photos to wrap on clubs */
	.cClubCard .cClubCard_memberList{
		white-space: normal;
	}

	/* Profile actions on mobiles */
	@media (max-width: 767px){
		header[data-role='profileHeader'] .ipsGrid{
			display: grid !important;
		}
	}

	/* Profile followers */
	#elFollowers .ipsGrid{
		grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
		--grid-gap: 5px;
		padding: 5px;
		margin: 0px;
	}

	#elFollowers .ipsGrid > li{
		grid-column: initial;
	}
  
  	/* Fix gallery albums in Calendar events */
    .cGalleryMiniAlbum{
        --grid-min: 210px;
    }
      .cGalleryMiniAlbum > li::before{
          content: '';
          display: block;
          padding-bottom: 100%;
      }

}

Try to remove it to see the grid works.

Namo · November 21, 2018

Thanks. How to change to 6 per line?

onlyME · November 21, 2018

@Namo edit your theme > core > global > plugins > bim_tthumb_showGridview

Find ipsGrid_span13 and replace by ipsGrid_span2

Joel R · February 15, 2019

Hi @onlyME

I wanted to let you know that I use Topic Thumbnail app, and would appreciate an upgrade to 4.4 when it becomes officially available.

Sp4x · April 26, 2019

Hey @onlyME

I installed your Plugin on my Forum (v4.4.3) but i dont have an Menu Entrance under Design for Setting up the Application.

onlyME · April 26, 2019

44 minutes ago, Sp4x said:

Hey @onlyME

I installed your Plugin on my Forum (v4.4.3) but i dont have an Menu Entrance under Design for Setting up the Application.

Hi, it’s in Community > Forums > Settings > Topic Thumbnail (the white button on the top right)

Sp4x · April 26, 2019

Ah well hidden. Found it, thank you!

Allfict · August 20, 2019

Hi I have your plug in, but I don't have access to your file to re download or renew.

also is there a way for the topic thumbnail block to be different under each forum category? mine's will always be the same for each category. I want it to get different topics under different forum categories.

Edited August 20, 2019 by Allfict

onlyME · August 20, 2019

Just now, Allfict said:

have your plug in, but I don't have access to your file to re download or renew.

Hi,

Try to open a support ticket to IPS, they will generate a new invoice for you to renew the app.

2 minutes ago, Allfict said:

o is there a way for the topic thumbnail block to be different under each forum category?

No, it only displays the thumbnail from the latest topic for a category.

Allfict · August 20, 2019

1 minute ago, onlyME said:

No, it only displays the thumbnail from the latest topic for a category.

Can you please add it as a feature?

Brenth · October 10, 2020

Is it possible to add the thumbnail on RSS feed? So we can call it there?

onlyME · October 10, 2020

Just now, Brenth said:

Is it possible to add the thumbnail on RSS feed? So we can call it there?

Hi,

I will consider it.

Brenth · October 10, 2020

Just now, onlyME said:

Hi,

I will consider it.

Thank you very much, I have purchased this product to use it as RSS thumbnail (i thought it was there).

I checked this website rss and have <thumbnail> tag on it, searched in marketplace thought it was your app. I think they are customized but if you ever include it on RSS that would help my website to get finished. Thank you!

I want to use it on my website something like this:

xtech · November 2, 2020

There is some kind of bug when you have IP pages creating forum topic when new article is posted.

The article photo will also be present at the first topic post, with a link to the article. Topic Thumbnail detects it and shows it for some time. But for some reason, after some time it starts pointing to a non-existent photo, throwing a 404 error as the picture doesn't exist.

If i try to manualy edit the thumbnail at Topic Thumbnail (the dialog where you choose if you want to upload an image or use the topic thumb) it automatically shows the photo of the topic:

Yet if i click save i get this empty dialog:

Clicking OK gets back to the dialog and does nothing.

onlyME · November 2, 2020

1 minute ago, xtech said:

There is some kind of bug when you have IP pages creating forum topic when new article is posted.

The article photo will also be present at the first topic post, with a link to the article. Topic Thumbnail detects it and shows it for some time. But for some reason, after some time it starts pointing to a non-existent photo, throwing a 404 error as the picture doesn't exist.

If i try to manualy edit the thumbnail at Topic Thumbnail (the dialog where you choose if you want to upload an image or use the topic thumb) it automatically shows the photo of the topic:

Yet if i click save i get this empty dialog:

Clicking OK gets back to the dialog and does nothing.

OK, I will test it.

onlyME · November 4, 2020

On 11/2/2020 at 4:11 PM, xtech said:

The article photo will also be present at the first topic post, with a link to the article. Topic Thumbnail detects it and shows it for some time. But for some reason, after some time it starts pointing to a non-existent photo, throwing a 404 error as the picture doesn't exist.

I can't reproduce the problem. Try to disable Cache Image (in settings) and test it.

On 11/2/2020 at 4:11 PM, xtech said:

Yet if i click save i get this empty dialog:

You need to select an image instead of clicking save button. Anyway, I will update the missing language bit, it should be "Please select one image to set as topic thumbnail".

xtech · November 4, 2020

8 hours ago, onlyME said:

I can't reproduce the problem. Try to disable Cache Image (in settings) and test it.

On 11/2/2020 at 9:11 AM, xtech said:

I am testing it. I would prefer not to disable image cache as i have these pictures in blocks at the home page and it would slow it down. Let's see what happens in the next days.

8 hours ago, onlyME said:

You need to select an image instead of clicking save button. Anyway, I will update the missing language bit, it should be "Please select one image to set as topic thumbnail".

Thank you! I didn't know i could select the image... I've done it and for now it is working, but i'll wait a couple of days to see if the image is kept working.

onlyME · November 4, 2020

3 minutes ago, xtech said:

am testing it. I would prefer not to disable image cache as i have these pictures in blocks at the home page and it would slow it down. Let's see what happens in the next days.

Please give me acp access if it still has problem so I can take a look.

Brenth · November 12, 2020

Still waiting for this to be implement on RSS 😄 (just image tag)

onlyME · November 12, 2020

Just now, Brenth said:

Still waiting for this to be implement on RSS 😄 (just image tag)

unfortunately, I haven’t found a solution yet 😞

Edited November 12, 2020 by onlyME

onlyME · September 15, 2023

Thank you so much for being a client!

The Invision Community Marketplace is closing on October 30, 2023, so I am moving all of my files over to my site ipsappzone.com

How to transfer Marketplace files from IPS to me -- read this link
Need help? PM me or get support on ipsappzone.com
Want to buy? Browse my updated files hosted on ipsappzone.com

Bookmark https://ipsappzone.com and the new Marketplace Directory https://invisioneer.org

Topic Thumbnail for IPS4.x

Recommended Posts

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

onlyME

onlyME

onlyME

Posted Images

Recently Browsing 0 members