Hi there

This is my first time using content grids and I have been stuck on this a while. I am using Umbraco cloud.

I wish to display only the first 50 characters of an article and after 50 characters and ellipsis appears.

@{
    var selection = Umbraco.Content(Guid.Parse("01284c80-30c0-4891-b349-802237f90443"))
    .Children()
    .Where(x => x.IsVisible());

}

    @foreach (var item in selection)
    {
    var typedMediaPickerSingle = item.Value<IPublishedContent>("caseStudyLogo");
              if (typedMediaPickerSingle != null)
              {

    <div class="main-case">
         <div class="caselogo">

<img src="@typedMediaPickerSingle.Url" />


                    </div>
    <div class="casebody">
        <div class="truncate-ellipsis">
            <h5><a href="@item.Url">@item.Name</a></h5></div>
        <div class="case">  @Html.GetGridHtml(item, "caseStudyContent", "CSUSKGrid")</div>

        </div>
</div>

    <div class="casefooter"><img src="/_assets/css/images/caseimage.png"></div>

    }
}

This displays all the text. I have tried a few versions of @Umbraco.Truncate but keep getting errors. My latest is

<div class="case">  @Umbraco.Truncate(@Html.GetGridHtml(item, "caseStudyContent", "CSUSKGrid"),50)</div>

Has anyone any ideas. I am still an Umbraco newbie.