Jump to content

Featured Replies

Posted

My use case. I am creating a subforum listing a music groups song/video releases. I am only placing a line of text and a YouTube video in the post. If I click on one of the tags I used for the post, and view the the tag page, it just shows a blank colored image as the cover image for that post. Initially I would like to use the YT videos thumbnail as this image that would show up in grid view, which I download myself, but I do not want to place this image in the post itself. The YT video already shows this image in the post.

basically ...

Is there any way to feature a image as a "cover image" for a post, without the image actually being inserted in the post itself?

@Ehren


Thank you.

  On 2/8/2025 at 4:45 AM, SC36DC said:

Is there any way to feature a image as a "cover image" for a post, without the image actually being inserted in the post itself?

Not with the out of box features. It will require a custom app.

  • Author
  On 2/8/2025 at 10:24 AM, Miss_B said:

Not with the out of box features. It will require a custom app.

Would you happen to know someone that could or would be willing create such an app?

Thanks for the reply.

  On 2/8/2025 at 4:45 AM, SC36DC said:

I am creating a subforum listing a music groups song/video releases.

There's an issue with the new editor where it cannot embed Apple music share links and PDF files, which the v4 editor could. I have this bug report about it, but it might give some persuasion to the IPS decision-making team that being able to embed music share links, PDF files, etc, is very important for some of us who uses the IPS suite for music discussions etc.

https://invisioncommunity.com/invision-community-5-bug-tracker/i-cannot-embed-iframe-pdf-files-r651/?&do=getNewComment&d=46&id=651

Edited by beats23

An alternative solution would be to avoid using Forums for this and create a new Pages database called 'music' or something. You can create custom fields to get the pages designed however you like, and there's a default 'Record Image' field that you can use to place your YouTube thumbnails (and they would display on tag pages and other areas of the site).

If you definitely need some forum presence for visibility purposes, you could create a redirect forum that simply takes users to your 'music' pages database instead.

  • Author
  On 2/9/2025 at 5:09 AM, Dreadknux said:

An alternative solution would be to avoid using Forums for this and create a new Pages database called 'music' or something. You can create custom fields to get the pages designed however you like, and there's a default 'Record Image' field that you can use to place your YouTube thumbnails (and they would display on tag pages and other areas of the site).

If you definitely need some forum presence for visibility purposes, you could create a redirect forum that simply takes users to your 'music' pages database instead.

Do you know of an existing guide that can help get me going in the right direction with trying to put this together as you’ve described? Thank you.

  On 2/8/2025 at 4:45 AM, SC36DC said:

My use case. I am creating a subforum listing a music groups song/video releases. I am only placing a line of text and a YouTube video in the post. If I click on one of the tags I used for the post, and view the the tag page, it just shows a blank colored image as the cover image for that post. Initially I would like to use the YT videos thumbnail as this image that would show up in grid view, which I download myself, but I do not want to place this image in the post itself. The YT video already shows this image in the post.

basically ...

Is there any way to feature a image as a "cover image" for a post, without the image actually being inserted in the post itself?

@Ehren


Thank you.

I did find a workaround to my problem. The image that I want to use as the cover image for the post, I insert into the post. You can place it anywhere in the post. I’m placing mine at the bottom, after my content, and just use the custom width option and make it 1 pixel in size. You cannot see it, and the image still shows up in widgets, tag page results, etc.

👍🏼

  • Management

We are toying with the idea of allowing some more 'meta' tag tools for moderators when creating a topic so they can set an o:image for sharing purposes, and also for showing the featured image in other areas.

  On 2/12/2025 at 12:42 PM, Matt said:

We are toying with the idea of allowing some more 'meta' tag tools for moderators when creating a topic so they can set an o:image for sharing purposes, and also for showing the featured image in other areas.

Thanks for the update. If that becomes a feature, I’d love you toy around with it, too! 🚂

  • Author
  On 2/12/2025 at 12:42 PM, Matt said:

We are toying with the idea of allowing some more 'meta' tag tools for moderators when creating a topic so they can set an o:image for sharing purposes, and also for showing the featured image in other areas.

This would be incredibly amazing, and definitely help in keeping things looking great.

  On 2/12/2025 at 12:42 PM, Matt said:

We are toying with the idea of allowing some more 'meta' tag tools for moderators when creating a topic so they can set an o:image for sharing purposes, and also for showing the featured image in other areas.

It'd be great to add support for cover photos in topics (maybe make it a per-usergroup setting), I think Forums is the only app in the entire suite that doesn't actually have that now (since V5 added it to Pages and improved it everywhere else) so it's probably feeling left out 😄

  On 2/12/2025 at 5:29 AM, SC36DC said:

Do you know of an existing guide that can help get me going in the right direction with trying to put this together as you’ve described? Thank you.

Happy to help with this! Give me a day or so and I'll find some time to write a quick guide :)

  On 2/12/2025 at 5:29 AM, SC36DC said:

Do you know of an existing guide that can help get me going in the right direction with trying to put this together as you’ve described? Thank you.

OK so a really quick way you can make this happen is by creating a new Pages database and using the default options to enable record thumbnail/images that live across the suite. Here's a basic how-to:

Screenshot 2025-02-18 at 10.55.48.png

^ Go to your AdminCP, head to the Pages section, then create a new Database to work with.

Screenshot 2025-02-18 at 10.57.49.png

^ Call it whatever you like, and add a description if you want to. The rest of the options aren't super-important for this exercise, but feel free to play with them later once you get things set up.

Screenshot 2025-02-18 at 10.58.06.png

^ The only other option I tweaked for this exercise was the "Listing Layout" view under 'Display'. I set it to 'Grid' to better illustrate the result you're looking for (which is having records with images displayed in a listing), but again you can play with these later as you like.

Screenshot 2025-02-18 at 10.58.31.png

^ Go back to the 'Databases' page in AdminCP and you'll see your new database there. You can set all sorts of options from this page, such as posting permissions (do you want only staff to post videos on your site, or do you want to open it up to members too?), categories etc. Click 'Manage Fields' in the dropdown to check something.

Screenshot 2025-02-18 at 10.58.57.png

^ You just want to make sure that the 'Record Image' field is enabled and active. You can also create a new custom field just for adding YouTube video thumbnail images, but the easiest method is simply using this default field.

Screenshot 2025-02-18 at 10.59.29.png

^ Time to visit your page, so you can add a record.

Screenshot 2025-02-18 at 10.59.38.png

^ Once on the front-end, click 'Add New Record' and select a category to post your record within (if you've added custom ones, like 'Music' or something).

Screenshot 2025-02-18 at 11.18.01.png^

^ From there, it's super simple. You'll post your YouTube video title in the Title field, add any tags you like, and embed the video into the content field - just like if you were making a forum topic. The only difference here is the 'Image' field at the bottom - you can upload a thumbnail to include which will display both on the record page and any listing/promotion pages related to that record across the suite.

Screenshot 2025-02-18 at 11.18.36.png

^ This is the result of the record page, after posting. You could probably tighten up the design by using custom templates and fields (for example, you could use custom templates/css to hide the cover photo if you only want the thumbnail to appear in listings and not on the record itself), but otherwise this is a really good-looking and simple way of doing it.

Screenshot 2025-02-18 at 11.20.31.png

^ Here's what your new database record looks like on the /videos/ landing page, and on listings related to your videos database. Gives you the headline, description and the thumbnail just as you'd like it.

Screenshot 2025-02-18 at 11.20.01.png

^ The thumbnail is also displayed in areas where that sort of thing is supported, such as Tag pages. So if you create a 'Music' tag for specific videos in your database, for example, and then visit the 'Music' tag page, the thumbnail will be displayed with the record link in the same way.

Hope this helps!!!

  • Management

Love that Dreadknux, thanks for posting.

As a site note, I love how many people are using dark mode. Invision Community really looks nice in dark mode.

  On 2/12/2025 at 12:42 PM, Matt said:

We are toying with the idea of allowing some more 'meta' tag tools for moderators when creating a topic so they can set an o:image for sharing purposes

Please do it

Edited by marklcfc

  • Author
  On 2/18/2025 at 11:39 AM, Dreadknux said:

OK so a really quick way you can make this happen is by creating a new Pages database and using the default options to enable record thumbnail/images that live across the suite. Here's a basic how-to:

Screenshot 2025-02-18 at 10.55.48.png

^ Go to your AdminCP, head to the Pages section, then create a new Database to work with.

Screenshot 2025-02-18 at 10.57.49.png

^ Call it whatever you like, and add a description if you want to. The rest of the options aren't super-important for this exercise, but feel free to play with them later once you get things set up.

Screenshot 2025-02-18 at 10.58.06.png

^ The only other option I tweaked for this exercise was the "Listing Layout" view under 'Display'. I set it to 'Grid' to better illustrate the result you're looking for (which is having records with images displayed in a listing), but again you can play with these later as you like.

Screenshot 2025-02-18 at 10.58.31.png

^ Go back to the 'Databases' page in AdminCP and you'll see your new database there. You can set all sorts of options from this page, such as posting permissions (do you want only staff to post videos on your site, or do you want to open it up to members too?), categories etc. Click 'Manage Fields' in the dropdown to check something.

Screenshot 2025-02-18 at 10.58.57.png

^ You just want to make sure that the 'Record Image' field is enabled and active. You can also create a new custom field just for adding YouTube video thumbnail images, but the easiest method is simply using this default field.

Screenshot 2025-02-18 at 10.59.29.png

^ Time to visit your page, so you can add a record.

Screenshot 2025-02-18 at 10.59.38.png

^ Once on the front-end, click 'Add New Record' and select a category to post your record within (if you've added custom ones, like 'Music' or something).

Screenshot 2025-02-18 at 11.18.01.png^

^ From there, it's super simple. You'll post your YouTube video title in the Title field, add any tags you like, and embed the video into the content field - just like if you were making a forum topic. The only difference here is the 'Image' field at the bottom - you can upload a thumbnail to include which will display both on the record page and any listing/promotion pages related to that record across the suite.

Screenshot 2025-02-18 at 11.18.36.png

^ This is the result of the record page, after posting. You could probably tighten up the design by using custom templates and fields (for example, you could use custom templates/css to hide the cover photo if you only want the thumbnail to appear in listings and not on the record itself), but otherwise this is a really good-looking and simple way of doing it.

Screenshot 2025-02-18 at 11.20.31.png

^ Here's what your new database record looks like on the /videos/ landing page, and on listings related to your videos database. Gives you the headline, description and the thumbnail just as you'd like it.

Screenshot 2025-02-18 at 11.20.01.png

^ The thumbnail is also displayed in areas where that sort of thing is supported, such as Tag pages. So if you create a 'Music' tag for specific videos in your database, for example, and then visit the 'Music' tag page, the thumbnail will be displayed with the record link in the same way.

Hope this helps!!!

I can’t express my gratitude enough for your incredibly easy-to-understand explanation. I truly appreciate the time you took to share this with me. I’m definitely going to try this out. Thanks again! 🙏🏼

A solution is needed for standard topics, I had two hooks made in 4.x which never worked properly

Edited by marklcfc

  • Author
  On 2/18/2025 at 11:39 AM, Dreadknux said:

OK so a really quick way you can make this happen is by creating a new Pages database and using the default options to enable record thumbnail/images that live across the suite. Here's a basic how-to:

Screenshot 2025-02-18 at 10.55.48.png

^ Go to your AdminCP, head to the Pages section, then create a new Database to work with.

Screenshot 2025-02-18 at 10.57.49.png

^ Call it whatever you like, and add a description if you want to. The rest of the options aren't super-important for this exercise, but feel free to play with them later once you get things set up.

Screenshot 2025-02-18 at 10.58.06.png

^ The only other option I tweaked for this exercise was the "Listing Layout" view under 'Display'. I set it to 'Grid' to better illustrate the result you're looking for (which is having records with images displayed in a listing), but again you can play with these later as you like.

Screenshot 2025-02-18 at 10.58.31.png

^ Go back to the 'Databases' page in AdminCP and you'll see your new database there. You can set all sorts of options from this page, such as posting permissions (do you want only staff to post videos on your site, or do you want to open it up to members too?), categories etc. Click 'Manage Fields' in the dropdown to check something.

Screenshot 2025-02-18 at 10.58.57.png

^ You just want to make sure that the 'Record Image' field is enabled and active. You can also create a new custom field just for adding YouTube video thumbnail images, but the easiest method is simply using this default field.

Screenshot 2025-02-18 at 10.59.29.png

^ Time to visit your page, so you can add a record.

Screenshot 2025-02-18 at 10.59.38.png

^ Once on the front-end, click 'Add New Record' and select a category to post your record within (if you've added custom ones, like 'Music' or something).

Screenshot 2025-02-18 at 11.18.01.png^

^ From there, it's super simple. You'll post your YouTube video title in the Title field, add any tags you like, and embed the video into the content field - just like if you were making a forum topic. The only difference here is the 'Image' field at the bottom - you can upload a thumbnail to include which will display both on the record page and any listing/promotion pages related to that record across the suite.

Screenshot 2025-02-18 at 11.18.36.png

^ This is the result of the record page, after posting. You could probably tighten up the design by using custom templates and fields (for example, you could use custom templates/css to hide the cover photo if you only want the thumbnail to appear in listings and not on the record itself), but otherwise this is a really good-looking and simple way of doing it.

Screenshot 2025-02-18 at 11.20.31.png

^ Here's what your new database record looks like on the /videos/ landing page, and on listings related to your videos database. Gives you the headline, description and the thumbnail just as you'd like it.

Screenshot 2025-02-18 at 11.20.01.png

^ The thumbnail is also displayed in areas where that sort of thing is supported, such as Tag pages. So if you create a 'Music' tag for specific videos in your database, for example, and then visit the 'Music' tag page, the thumbnail will be displayed with the record link in the same way.

Hope this helps!!!

I was able to accomplish so much following your guide. It turned out better than I knew it could be. Thanks again for suggesting this route, and then following it up with the 'how-To' guide! I really appreciate it.


I do have 1 question, for you, or to someone else who may know.

I added a field called 'Additional Info', with a text area set. When I add the text into the box, it places it directly after the field title. Do you know if it's possible to have a line break after the field title, so the text shows beneath it?

Ideally:

ADDITIONAL INFO:

sakldjaskdjkasl
nkldsajkdla
kjdsahdsa


How it appears now.

CleanShot 2025-02-19 at 10.08.11.png


Thank you.

You would need to use the Custom Format option instead of the default “labels“.

{{if $formValue}}
{$label}: <br>
{$value}
{{endif}}
  • Author
  On 2/19/2025 at 6:21 PM, opentype said:

You would need to use the Custom Format option instead of the default “labels“.

{{if $formValue}}{$label}: <br>{$value}{{endif}}

I assume I add it like this:

CleanShot 2025-02-19 at 10.30.39.png


It somewhat works. I did drop the text to the next line after the field title, but now it has "<br /> <br />" after every line of text. I'm assuming I can add back the background color with css?

Thanks for replying.

Right. Use {$value|raw} instead of {$value}. That will fix it.

  • Author
  On 2/19/2025 at 6:57 PM, opentype said:

Right. Use {$value|raw} instead of {$value}. That will fix it.

This indeed fixed it.

Regarding customizing the look of it on the front end, I asked Deepseek about it, and it gave me this code, which worked perfectly.

Code

{{if $formValue}}

<div style="font-family: Arial, sans-serif; color: #333; background-color: #f9f9f9; padding: 10px; border-radius: 5px; border: 1px solid #ddd;">

<strong style="color: #555;">{$label}:</strong> <br>

<span style="color: #777;">{$value|raw}</span>

</div>

{{endif}}

Thanks again for the help!!! 🙏🏼

Recently Browsing 0

  • No registered users viewing this page.