Jump to content

Topic Thumbnail for IPS4.x

Featured Replies

  • Author

@Namo

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.

  • Replies 595
  • Views 45.7k
  • Created
  • Last Reply

Top Posters In This Topic

Most Popular Posts

Posted Images

Thanks. How to change to 6 per line?

 

six.png

  • Author

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

Find ipsGrid_span13 and replace by ipsGrid_span2

  • 2 months later...

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. 

  • 2 months later...

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. 

  • Author
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)

Ah well hidden. Found it, thank you!

  • 3 months later...

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 by Allfict

  • Author
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.

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?

  • 1 year later...

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

  • Author
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.

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:image.thumb.png.d34343a054f117cf12ae1bb1f66f1c51.png

  • 4 weeks later...

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. 

image.thumb.png.9c3f3b95fe2b432034d17154420f95a7.png

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:

image.png.1dfab84fb1c13eca126558b2de953f13.png

Yet if i click save i get this empty dialog:

image.png.89d23f909eba384fab58cd8e91e7e4ce.png

Clicking OK gets back to the dialog and does nothing.

  • Author
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. 

image.thumb.png.9c3f3b95fe2b432034d17154420f95a7.png

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:

image.png.1dfab84fb1c13eca126558b2de953f13.png

Yet if i click save i get this empty dialog:

image.png.89d23f909eba384fab58cd8e91e7e4ce.png

Clicking OK gets back to the dialog and does nothing.

OK, I will test it.

  • Author
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".

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.

  • Author
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.

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

  • Author
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 by onlyME

  • 2 years later...
  • Author

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

Recently Browsing 0

  • No registered users viewing this page.