Hi Dan,

It sounds like this is a task for XSLT. I do not know how familiar you are with XSLT.

But it is possible to get an image out via xslt. In XSLT, it is also possible to check whether you selected a picture in media picker, if not we dont print the HTML markup for the picture

I thnik this code so do the job for you

<xsl:if test="$currentPage/umbracoFile!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media" select="umbraco.library:GetMedia($currentPage/umbracoFil, 0)" />
           <img src="{$media/umbracoFile}"/>
    </div>
 </xsl:if>
 
 <xsl:if test="$currentPage/umbracoFile1!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media1" select="umbraco.library:GetMedia($currentPage/umbracoFil1, 0)" />
           <img src="{$media1/umbracoFile}"/>
    </div>
 </xsl:if>

The <xsl;if test> test if the media picker has any content if, the markup will get printed out, if not no markup will be printed.

Hope this can helps you.

/Dennis

Hi Dennis,

Thanks a lot for the quick reply! I am quite new to XSLT so I'm still learning lots of things about it.

I've tried your code in the XSLT File:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet 
  version="1.0" 
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
  xmlns:msxml="urn:schemas-microsoft-com:xslt"
  xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:CWS.Twitter="urn:CWS.Twitter" xmlns:PS.XSLTsearch="urn:PS.XSLTsearch" 
  exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets CWS.Twitter PS.XSLTsearch ">


<xsl:output method="xml" omit-xml-declaration="yes"/>

<xsl:param name="currentPage"/>

<xsl:template match="/">

<!-- start writing XSLT -->
<xsl:if test="$currentPage/umbracoFile!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media" select="umbraco.library:GetMedia($currentPage/umbracoFil, 0)" />
           <img src="{$media/umbracoFile}"/>
    </div>
 </xsl:if>
 
 <xsl:if test="$currentPage/umbracoFile1!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media1" select="umbraco.library:GetMedia($currentPage/umbracoFil1, 0)" />
           <img src="{$media1/umbracoFile}"/>
    </div>
 </xsl:if>
  
</xsl:template>

</xsl:stylesheet>

However, I get the following error on my page in the right container  - "Error parsing XSLT file: \xslt\PortfolioPost.xslt".

Am I doing something wrong?

Thanks again.

Dan

Hi Dan,

Made a small mistake in previous post

try to change:

<xsl:variable name="media" select="umbraco.library:GetMedia($currentPage/umbracoFil1, 0)" />

and <xsl:variable name="media1" select="umbraco.library:GetMedia($currentPage/umbracoFil, 0)" />

To:

xsl:variable name="media" select="umbraco.library:GetMedia($currentPage/umbracoFile, 0)" />

and <xsl:variable name="media1" select="umbraco.library:GetMedia($currentPage/umbracoFile1, 0)" />

Hope it goes better this time.

/Dennis

Hi Daniel,

I don't know if it's the reason of the error, but I think you mispelled the "path" in your calls to GetMedia: you use "$currentPage/umbracoFil" and "$currentPage/umbracoFil1" insead of "$currentPage/umbracoFile" and "$currentPage/umbracoFile1" (notice the final "e").

So I guess you would heav mor luck with this:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet 
  version="1.0" 
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
  xmlns:msxml="urn:schemas-microsoft-com:xslt"
  xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:CWS.Twitter="urn:CWS.Twitter" xmlns:PS.XSLTsearch="urn:PS.XSLTsearch" 
  exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets CWS.Twitter PS.XSLTsearch ">


<xsl:output method="xml" omit-xml-declaration="yes"/>

<xsl:param name="currentPage"/>

<xsl:template match="/">

<!-- start writing XSLT -->
<xsl:if test="$currentPage/umbracoFile!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media" select="umbraco.library:GetMedia($currentPage/umbracoFile, 0)" />
           <img src="{$media/umbracoFile}"/>
    </div>
 </xsl:if>
 
 <xsl:if test="$currentPage/umbracoFile1!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media1" select="umbraco.library:GetMedia($currentPage/umbracoFile1, 0)" />
           <img src="{$media1/umbracoFile}"/>
    </div>
 </xsl:if>
  
</xsl:template>

</xsl:stylesheet>

 Hope this helps.

Cheers,

Michael 

OK so I was too slow to type ;-)

Hi Dennis, I still get the same error on my page..I've checked to make sure my data type name and alias's are correct as well just in case. I can't see anything wrong with the XSLT code, can you?

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet 
  version="1.0" 
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
  xmlns:msxml="urn:schemas-microsoft-com:xslt"
  xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:CWS.Twitter="urn:CWS.Twitter" xmlns:PS.XSLTsearch="urn:PS.XSLTsearch" 
  exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets CWS.Twitter PS.XSLTsearch ">


<xsl:output method="xml" omit-xml-declaration="yes"/>

<xsl:param name="currentPage"/>

<xsl:template match="/">

<!-- start writing XSLT -->
<xsl:if test="$currentPage/umbracoFile!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media" select="umbraco.library:GetMedia($currentPage/umbracoFile, 0)" />
           <img src="{$media/umbracoFile}" width="460px" height="40%"/>
    </div>
 </xsl:if>
 
 <xsl:if test="$currentPage/umbracoFile1!=''">   
    <div class="portfolio-container">
        <xsl:variable name="media1" select="umbraco.library:GetMedia($currentPage/umbracoFile1, 0)" />
           <img src="{$media1/umbracoFile}" width="460px" height="40%"/>
    </div>
 </xsl:if>
  
</xsl:template>

</xsl:stylesheet>

Thanks a lot for your help.

Dan

I think sounds a little weird.

Which version of Umbraco do you use. I just tried to do the setup you describe locally and copy  your file and I get the images out. Both images, if both media pickers has content otherwise only have a picture. I´m using the 4.7 of Umbraco.

I used your code from your last post. So that's why I think it's a little weird that it does not work with you.

/Dennis

Ahhh I think I know what the problem is. The umbracoFile and umbracoFile1 currently uses the 'Upload' data type, not 'Media Picker' data type. Is this right?

How can I use the XSLT code for a a file upload data type for umracoFile and umbracoFile?

Thanks Dennis

Wild guess, but could it be that your macro was cached and that you did not actually run the new version of it the secont time?

Otherwize you can "debug" the macro by removing most logic, check that you don't get any error, then add the lines "one bye one" and test every time. This way you will at least know where it is going wrong and we can focus on that :-)

Cheers,

Michael.

Hi again Dan,

Is it completely impossible to use the media picker data type instead of uploading the data type in your setup?. Because that is exactly what goes wrong. Have just tested it with the upload the data type and then comes to pictures out.

/Dennis

Your the main Chriztian! Thank you! It works using it your way! No I'm not planning on keeping it like that using fixed width and 40% height. Would you advise using something like the image cropper to display the images? Or is there a better method?

Thanks a lot also Dennis, if I decide to go down the media picker route I would deffinately use your method!

Or just leave the height parameter blank and keep the width fixed?

is working on a reply...