Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Claushingebjerg 939 posts 2574 karma points
    Mar 28, 2014 @ 15:11
    Claushingebjerg
    1

    Showing cropped images from multi media picker

    Ok, so heres a noob question. Just getting into the 7 way of things coming from the xslt world of previous versions trying to get to grips with razor, so bear with me :)

    Im trying to render a series of images cropped with the new cropper and chosen with the new multi media picker.

    Using:

    @if (Model.Content.HasValue("caseStudyImage"))
    {
       
    var caseStudyImagesList = Model.Content.GetPropertyValue<string>("caseStudyImage").Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse);
       
    var caseStudyImagesCollection = Umbraco.TypedMedia(caseStudyImagesList).Where(x => x != null);

       
    foreach (var caseStudyImage in caseStudyImagesCollection)
           
    {      
               
    <img src="@caseStudyImage.Url" />      
           
    }                                                              
    }

    The above renders the images just fine. But changing the img tag to:

    <img src="@caseStudyImage.Url", "Tester")" />

    throws an error...

    Any pointer as to what im doing wrong?

  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Mar 28, 2014 @ 15:14
    Jeavon Leopold
    0

    Hi Claus,

    Are you using v7.1 beta or RC or a nightly?

    Jeavon

  • Claushingebjerg 939 posts 2574 karma points
    Mar 28, 2014 @ 15:15
    Claushingebjerg
    0

    7.1 RC

  • Claushingebjerg 939 posts 2574 karma points
    Mar 28, 2014 @ 15:17
    Claushingebjerg
    0

    The code formatting f... my line. Heres what im trying:

     

    <img src="@image.GetCropUrl("@caseStudyImage.Url", "Tester")" />
  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Mar 28, 2014 @ 15:17
    Jeavon Leopold
    1

    Ah wait, do you mean <img src="@caseStudyImage.GetCropUrl("Tester")" /> where "Tester" is your Crop alias?

  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Mar 28, 2014 @ 15:19
    Jeavon Leopold
    101

    Ok, caseStudyImage has the Cropper as the umbracoFile right?

    Assuming that "Tester" is your Crop Alias, then <img src="@caseStudyImage.GetCropUrl("Tester")" /> should work?

  • Claushingebjerg 939 posts 2574 karma points
    Mar 28, 2014 @ 15:20
    Claushingebjerg
    0

    Exactly, Thanks :)

  • Anders Schmidt 76 posts 207 karma points
    Apr 14, 2014 @ 10:56
    Anders Schmidt
    0

    Hi,

    I hopy you will help me out. I am confused about this cropper. My code without crop:

          @if (Model.HasValue("newsImages"))
           {foreach (var item in Model.GetProperty("newsImages").Value.Split(','))
              {
                <div>
                   <div class="img-thumbnail">
                       <img src="@Model.MediaById(@item).umbracoFile" alt="" style="width:100%;" />
                   </div>
              </div>
               }
            }

    Using your code gives error.

    Thanks

  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Apr 14, 2014 @ 11:05
    Jeavon Leopold
    0

    Hi Anders,

    Are you using a strongly typed partial view and passing a IPublishedContent model?

    Jeavon

  • Anders Schmidt 76 posts 207 karma points
    Apr 14, 2014 @ 11:27
    Anders Schmidt
    0

    Hi

    Thanks for quick reply. I do not think :-) I am working with webforms - This case is inside: <umbraco:Macro runat="server" language="cshtml"> on template.

    Is this anwser ? :-)

    Thanks

  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Apr 14, 2014 @ 11:36
    Jeavon Leopold
    1

    Ok, and is your macro a Partial View Macro? If not it needs to be.

    When using Umbraco v7 and WebForms all of your macros should be partial view macros, razor macros that use DynamicNode and are stored in "macroScripts" folder are only for legacy support.

  • Anders Schmidt 76 posts 207 karma points
    Apr 14, 2014 @ 12:27
    Anders Schmidt
    0

    Hi, sorry I have to ask you further:

    Now I have this code running partial view macro:

    @inherits Umbraco.Web.Macros.PartialViewMacroPage  
    @if (Model.Content.HasValue("newsImages"))
        {
        var newsImageList = Model.Content.GetPropertyValue<string>("newsImages").Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse);
        var newsImageCollection = Umbraco.TypedMedia(newsImageList).Where(x => x != null);
    
        foreach (var item in newsImageCollection)
            {      
                     <img src="@item.GetCropUrl("Landskab")" />           
            }        
        }

    And now it displays image not the crop.

    I have imageCropper datatype on media node:

    Umbraco.ImageCropper
    One crop size: Landskab
    On settings>media>image i have made a tab called crop. This has an generic property calles crop containing imageCropper.
    What am i missing now?
    THANKS
  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Apr 14, 2014 @ 12:29
    Jeavon Leopold
    0

    What is the alias of the "cropper" on the document or image type?

  • Anders Schmidt 76 posts 207 karma points
    Apr 14, 2014 @ 12:41
    Anders Schmidt
    0

      

     

    Thanks.

     

     

     

     

     

  • Jeavon Leopold 3074 posts 13632 karma points MVP 11x admin c-trib
    Apr 14, 2014 @ 12:51
    Jeavon Leopold
    1

    Ah ok, you don't need to the crop property, you need to change "umbracoFile" from type "Upload" to type "ImageCropper".

    I did a little Screenr here where you can see the process :-)

  • Anders Schmidt 76 posts 207 karma points
    Apr 14, 2014 @ 13:11
    Anders Schmidt
    0

    Arrrhh. Ofcourse. THANKS AGAIN

Please Sign in or register to post replies

Write your reply to:

Draft