Sign in Register
Go to solution
Copied to clipboard

Flag this post as spam?

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


  • William Even 23 posts 153 karma points
    Jan 31, 2020 @ 15:31
    William Even
    0

    Image Cropper (GetCropUrl) issues

    Using Umbraco And Getting Started
    Umbraco 8

    I'm following through the Umbraco 8 Foundations class workbook and I'm encountering some issues.

    Summary - Exercise 6, page 36: I created 3 crop sizes as per book and attempted to render images using the following code:

    @if (article.Image != null) { var cropUrl = Url.GetCropUrl(article.Image, "Grid", false);

    }

    Nothing is displayed. I have been following the book to the letter. The images are there and display properly without the image cropper using style="background-image: url('@article.Image.Url')"

    Thanks for the assistance. Bill Even CTG

    Copy Link
  • Alex Skrypnyk 6133 posts 23952 karma points MVP 7x admin c-trib
    Feb 01, 2020 @ 00:00
    Alex Skrypnyk
    0

    Hi William

    Do you have cropp with "Grid" alias?

    Alex

    Copy Link
  • William Even 23 posts 153 karma points
    Feb 04, 2020 @ 21:24
    William Even
    0

    Hi Alex,

    Yes, I have the crop "Grid" set up. Now I am getting this compiler error:

    CS1929: 'UrlHelper' does not contain a definition for 'GetCropUrl'

    Copy Link
  • William Even 23 posts 153 karma points
    Feb 04, 2020 @ 21:28
    William Even
    0

    Hi Alex,

    Here's the template code:

    @inherits Umbraco.Web.Mvc.UmbracoViewPage<ContentModels.NewsArea>

    @using ContentModels = Umbraco.Web.PublishedModels; @{ Layout = "childPage.cshtml"; var tag = Request.QueryString["tag"];

    var articles = (tag != null)
                ? Umbraco.TagQuery.GetContentByTag(tag).OfType<NewsArticle>()
                :Model
                    .Children<NewsArticle>()
                    .OrderByDescending(x => x.CreateDate);

var tags = Umbraco.TagQuery.GetAllTags();

    }

    <div class="container">

    <div class="col-md-9">

        <div class="container">
            <!-- Start of news article listing -->
            <div class="articles col-md-9">

               @foreach (var article in articles)
               {
               <a href="@article.Url" class="article article-with-image">
                    <div class="article-info">
                        <div class="article-meta">
                            <small class="article-date">@article.CreateDate</small>
                            <small class="article-cat">
                                @String.Join(", ", article.Categories)
                            </small>
                        </div>
                        <h3 class=article-title>@article.Name</h3>
                        <div class="article-excerpt">@article.Summary</div>
                    </div>

                    @if (article.Image != null)
                    {

                    var cropUrl = Url.GetCropUrl(article.Image, "Grid", false);
                    <div class="article-image" style="background-image: url('@cropUrl')"></div>

                    }

                </a>
               }
            </div>
            <!-- End of news article listing -->
             <div class="col-md-3">
        <h4>Categories:</h4>
        <nav class="nav-bar nav-bar--list">
            @foreach (var t in tags)
            {
            <a class="nav-link nav-link--black nav-link--air-bottom" href="[email protected]">@t.Text (@t.NodeCount)</a>
            }
        </nav>
    </div>
        </div>

    </div>


</div>

    Copy Link
  • Alex Skrypnyk 6133 posts 23952 karma points MVP 7x admin c-trib
    Feb 05, 2020 @ 11:20
    Alex Skrypnyk
    0

    Hi William

    Use this code:

    var cropUrl = article.GetCropUrl("Grid");
    Copy Link
  • Alex Skrypnyk 6133 posts 23952 karma points MVP 7x admin c-trib
    Feb 06, 2020 @ 23:59
    Alex Skrypnyk
    0

    Hi William

    Let us know how it goes? Does it work?

    Alex

    Copy Link
  • William Even 23 posts 153 karma points
    Feb 07, 2020 @ 14:31
    William Even
    100

    Hi Alex. No, that didn't work either. I'm trying a different tutorial and working through it to see if I missed something fundamental.

    Thanks, Bill

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft