Show images based on the photo's tag(s) > Support

Host Partnership

If you are looking for good DNN hosting, then PowerDNN is the best DNN host around!

Need a custom module?

Should you have any questions about custom DNN modules or web projects, please let us know.

Latest Discussions

UMG causing "Manage" button disabled after upgrade from DNN 5.x to 6.1.5 by Mohiuddin Parekh

Hi, We upgraded our site (www.hope-ngo.com) few days ago from DNN 5.x to 6.1....

UMG Mobile View requires jQuery upgrade by Mike Ricketts

I am using UMG 8.10.1. I am running DNN 5.6.2 on a DNN installation with multip...

UMG-Free Content List Sorting Options by Jeremy Close

Is there a way for the Free Content List to sort albums in the same order that t...

Paging Options by eric peerless

We are looking to have a scrolling paging option where you roll over a down arro...

Video player z-index, main menu not visible. wmode? by victor mois

Hi, when I open a page with video player module on it and it is at the top of th...

Home > Support

Support Forum

Unanswered Active Topics

Forums Search

Forums > Ultra Media Gallery > General Questions

Subject: Show images based on the photo's tag(s)

Email me when someone replies to this thread.

Prev Next

You are not authorized to post a reply.

Author

Messages

Thomas Smith
Posts:10
Silver Member

06/23/2011 3:46 PM
I want to have the UMG (Version: 7.5 Professional) display all the photos with a specific tag in one instance of the UMG Free-Content List using the . For example, say I have a photo of a red apple that is in it's own album and I have added the tags 'apple,red,fruit'. In a different album in the same UMG module I have a photo of an orange which is tagged with the words 'orange,fruit,citrus'. I also, for instance, have a page that is about fruit tress, and on this page i wish to load all the photos in the UMG that are tagged with the word 'fruit'. One way to go about it is to create a new Album called 'Fruit Trees' and add the photos into this album. This scenario is simply not feasible due to the shear number of instances this situation is going to happen on the site. So there has to be an easy way to get tagged content to load into the UMG Free-Content List module using the "Scrollable Image Rotator" presentation. This seems like it should be easy, but I am pressed up on a deadline and I need to make this happen. Thanks for the replies!

Pengtsen R
Posts:11533

06/27/2011 2:56 AM
it seems this cannot be done, UMG-FreeContentList module doesn't allow you to display all medias with a tag.

Pengtsen R http://www.bizmodules.net

Thomas Smith
Posts:10
Silver Member

06/27/2011 8:54 AM
Err... not the answer I was expecting. This seems to be the type of functionality that is standard for any type of photo gallery module. Why even have the ability to tag photos if you can't sort the photos by the tags? There has to be a way to render photos per tags because there is a presentation that you provide that does this very thing: http://www.bizmodules.net/Products/UltraMediaGallery7/SampleGalleries/UMG73TagGroupedGrid/tabid/230/Default.aspx. So how does this presentation render sorted content by tags? Why can't the FreeContentList module query the UMG and render only photos that are uniquely tagged? What is to stop you from providing this feature/functionality for a loyal and paying customer?

Pengtsen R
Posts:11533

06/30/2011 11:46 PM
I'll consider to add a way to display photos by tags in UMG-FreeContentlist.

Pengtsen R http://www.bizmodules.net

Thomas Smith
Posts:10
Silver Member

07/05/2011 8:34 AM
Thanks for considering this option. Excellent product and support by the way, keep up the good work!

Pengtsen R
Posts:11533

07/12/2011 8:54 AM
thank you, glad to know you like it.

Pengtsen R http://www.bizmodules.net

Thomas Smith
Posts:10
Silver Member

08/08/2011 10:31 AM
I have managed to find a neat way to render images based on tags and I thought I would share it. I make use of the DNN Reports module in conjunction with an XSL stylesheet. The objective is to render a group of images from the gallery based on the tag. I need to place certain photos from the gallery on the homepage of my website, but I don't want to create a separate album just for this purpose. So I tagged the photos I wanted with the tag "home". Add a Reports module. Here is the SQL report for fetching all photos tagged with "home": __________________________________ SELECT BizModules_UPG_Photo.Src, BizModules_UPG_Photo.Description, BizModules_UPG_Photo.Title, BizModules_UPG_Tag.Tag FROM BizModules_UPG_Photo INNER JOIN BizModules_UPG_PhotoTag ON BizModules_UPG_Photo.ItemId = BizModules_UPG_PhotoTag.PhotoId INNER JOIN BizModules_UPG_Tag ON BizModules_UPG_PhotoTag.TagId = BizModules_UPG_Tag.ItemId WHERE BizModules_UPG_Tag.Tag LIKE ('%home%') -- note: for multiple tags use the next line -- AND WHERE BizModules_UPG_Tag.Tag LIKE ('%othertag%') -- note: you can render the images in random order with the NewId function like so: --ORDER BY NewID() __________________________________ The Reports module will render XML like so: __________________________________ <DocumentElement> <QueryResults> <Src>Picture1.jpg</Src> <Title>Pic 1</Title> <Tag>pic blue home</Tag> </QueryResults> <QueryResults> <Src>Picture2.jpg</Src> <Title>Metrolina</Title> <Tag>tag red car</Tag> </QueryResults> </DocumentElement> ___________________________________ Here is an example XSL stylesheet: __________________________________ <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" version="4.0" /> <xsl:template match="DocumentElement"> <div id="galleria"> <xsl:for-each select="QueryResults"> <xsl:element name="a"> <xsl:attribute name="href">http://example.com/portals/0/UltraPhotoGallery/479/23/<xsl:value-of select="Src" disable-output-escaping="yes"/></xsl:attribute> <xsl:element name="img"> <xsl:attribute name="src">http://example.com/portals/0/UltraPhotoGallery/479/23/thumbs/<xsl:value-of select="Src" disable-output-escaping="yes"/></xsl:attribute> <xsl:attribute name="title"><xsl:value-of select="Title" disable-output-escaping="yes" /></xsl:attribute> <xsl:attribute name="alt"><xsl:value-of select="Title" disable-output-escaping="yes" /></xsl:attribute> </xsl:element> </xsl:element> </xsl:for-each> </div> </xsl:template> </xsl:stylesheet> __________________________________ Notice in the XSL stylesheet: 1. I hard coded the URL path to the UMG album. 1. I wrapped the content with "<div id="galleria">" because I utilized the Galleria Gallery that comes with UMG 7. There is more to the solution (adding the galleria stylesheet/js link tags to the DNN tab and $('#galleria').galleria() javascript to the module footer). So far so good as I have not run into many issues using this technique.

Pengtsen R
Posts:11533

08/08/2011 7:28 PM
Fabulous! thank you for sharing your work with us.

Pengtsen R http://www.bizmodules.net

You are not authorized to post a reply.

Forums > Ultra Media Gallery > General Questions > Show images based on the photo's tag(s)

ActiveForums 3.7