Hi Keith,

The Razor part looks fine, does it work?

Jeavon

VS 2013 states it does not have a definition for GetResponsiveCropUrl. this is a partial

ah ok, could you check /Views/Web.Config in the namespaces section you should have:

<add namespace="Slimsy"/>

The web.config has it

hmm, might just be VS confused, does it run?

Images are huge dev.outtasightwraps.com

Ok, so first on the VS issue, close your solution, delete the SUO file, open the solution and then build, now wait for it.

On the images themselves, I'm guessing you've changed "banner" from upload to image cropper but you need to resave the images...?

I have done all of this with no luck.

Ok, so your media item cropper property alias is "umbracoFile" (but named cropper) so you don't need to specify it also we need to get rid of that ToList(), and the slider should be activated on the Slimsy JS ready callback, so your code should be:

@inherits UmbracoTemplatePage

@{
    var mediaFolderId = (int)CurrentPage.BannersMediaFolder;
}

@if (mediaFolderId > 0)
{
    var mediaFolder = Umbraco.TypedMedia(mediaFolderId);
    var banners = mediaFolder.Children(x => x.DocumentTypeAlias == "Banner");

    <div id="banner-wrapper">
        <div id="banners">
            @foreach (var banner in banners)
            {
                var link = Umbraco.TypedContent(banner.GetPropertyValue<int>("link"));

                <div class="banner">
                    @if (link != null)
                    {
                        <a href="@link.Url">
                            <img src="@(banner.GetResponsiveCropUrl("banner"))" />
                        </a>
                    } 
                    else
                    {
                        <img src="@(banner.GetResponsiveCropUrl("banner"))" />
                    }

                    <div class="banner-text">
                        <h2>@(banner.GetPropertyValue<string>("headline"))</h2>
                        @Html.Raw(banner.GetPropertyValue("bannertext"))
                            <cite>@(banner.GetPropertyValue<string>("author"))</cite>
                    </div>
                </div>
            }
        </div>
    </div>
    <div class="progress-bar"></div>
    <script type="text/javascript" src="/scripts/jquery.carouFredSel-6.2.1-packed.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            window.slimmage.readyCallback = function() {
                $('#banners').carouFredSel({
                    scroll: {
                        items: 1,
                        duration: 1000
                    },
                    auto: {
                        progress: ".progress-bar"
                    }

                });
            }
        });
    </script>
}

This will kinda get it working however the image needs to have a width and height set in CSS for it all to work.

For a test you can add a width and height to the containing div e.g:

<div class="banner" style="width:500px;height:300px">

Maybe I need to find a more responsive slider. this banner works but does not seem to compliment slimsy. any suggestion?

Are you sure, it seemed ok to me. You just need to get your images being sized by CSS?

A alternative that I know a few are using with Slimsy is bxSlider

Hi There, I too am using this banner and it suddenly developed a problem with the following, did you experince this?

Server Error in '/' Application.

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error: 

Line 29:                     
Line 30:                     <div class="banner-text">
Line 31: <h2>@(banner.GetPropertyValue<string>("headline"))</h2> Line 32:                        <a href="@link.Url" class="button">@(banner.GetPropertyValue<string>("linktext")) <i class="fa fa-external-link-square"></i></a>
Line 33:                         <p>@Html.Raw(banner.GetPropertyValue("subheadline"))</p>

Source File: d:\home\site\wwwroot\Views\Partials\homepageManyBanners.cshtml    Line: 31 

Stack Trace: 

[NullReferenceException: Object reference not set to an instance of an object.]
   ASP._Page_Views_Partials_homepageManyBanners_cshtml.Execute() in d:\home\site\wwwroot\Views\Partials\homepageManyBanners.cshtml:31
   System.Web.WebPages.WebPageBase.ExecutePageHierarchy() +199
   System.Web.Mvc.WebViewPage.ExecutePageHierarchy() +104
   System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage) +90
   System.Web.Mvc.RazorView.RenderView(ViewContext viewContext, TextWriter writer, Object instance) +236
   System.Web.Mvc.BuildManagerCompiledView.Render(ViewContext viewContext, TextWriter writer) +107
   Umbraco.Core.Profiling.ProfilingView.Render(ViewContext viewContext, TextWriter writer) +93
   System.Web.Mvc.HtmlHelper.RenderPartialInternal(String partialViewName, ViewDataDictionary viewData, Object model, TextWriter writer, ViewEngineCollection viewEngineCollection) +277
   System.Web.Mvc.Html.RenderPartialExtensions.RenderPartial(HtmlHelper htmlHelper, String partialViewName) +57
   ASP._Page_Views_umbHomePage_cshtml.Execute() in d:\home\site\wwwroot\Views\umbHomePage.cshtml:8
   System.Web.WebPages.WebPageBase.ExecutePageHierarchy() +199
   System.Web.Mvc.WebViewPage.ExecutePageHierarchy() +104
   System.Web.WebPages.WebPageBase.ExecutePageHierarchy(WebPageContext pageContext, TextWriter writer, WebPageRenderingBase startPage) +78
   System.Web.Mvc.RazorView.RenderView(ViewContext viewContext, TextWriter writer, Object instance) +236
   System.Web.Mvc.BuildManagerCompiledView.Render(ViewContext viewContext, TextWriter writer) +107
   Umbraco.Core.Profiling.ProfilingView.Render(ViewContext viewContext, TextWriter writer) +93
   System.Web.Mvc.ViewResultBase.ExecuteResult(ControllerContext context) +291
   System.Web.Mvc.ControllerActionInvoker.InvokeActionResult(ControllerContext controllerContext, ActionResult actionResult) +13
   System.Web.Mvc.<>c__DisplayClass1a.<InvokeActionResultWithFilters>b__17() +23
   System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation) +245
   System.Web.Mvc.<>c__DisplayClass1c.<InvokeActionResultWithFilters>b__19() +22
   System.Web.Mvc.ControllerActionInvoker.InvokeActionResultFilter(IResultFilter filter, ResultExecutingContext preContext, Func`1 continuation) +245
   System.Web.Mvc.<>c__DisplayClass1c.<InvokeActionResultWithFilters>b__19() +22
   System.Web.Mvc.ControllerActionInvoker.InvokeActionResultWithFilters(ControllerContext controllerContext, IList`1 filters, ActionResult actionResult) +176
   System.Web.Mvc.Async.<>c__DisplayClass2a.<BeginInvokeAction>b__20() +68
   System.Web.Mvc.Async.<>c__DisplayClass25.<BeginInvokeAction>b__22(IAsyncResult asyncResult) +99
   System.Web.Mvc.Async.WrappedAsyncResult`1.End() +50
   System.Web.Mvc.Async.AsyncControllerActionInvoker.EndInvokeAction(IAsyncResult asyncResult) +27
   System.Web.Mvc.<>c__DisplayClass1d.<BeginExecuteCore>b__18(IAsyncResult asyncResult) +14
   System.Web.Mvc.Async.<>c__DisplayClass4.<MakeVoidDelegate>b__3(IAsyncResult ar) +23
   System.Web.Mvc.Async.WrappedAsyncResult`1.End() +55
   System.Web.Mvc.Controller.EndExecuteCore(IAsyncResult asyncResult) +39
   System.Web.Mvc.Async.<>c__DisplayClass4.<MakeVoidDelegate>b__3(IAsyncResult ar) +23
   System.Web.Mvc.Async.WrappedAsyncResult`1.End() +55
   System.Web.Mvc.Controller.EndExecute(IAsyncResult asyncResult) +29
   System.Web.Mvc.Controller.System.Web.Mvc.Async.IAsyncController.EndExecute(IAsyncResult asyncResult) +10
   System.Web.Mvc.<>c__DisplayClass8.<BeginProcessRequest>b__3(IAsyncResult asyncResult) +25
   System.Web.Mvc.Async.<>c__DisplayClass4.<MakeVoidDelegate>b__3(IAsyncResult ar) +23
   System.Web.Mvc.Async.WrappedAsyncResult`1.End() +55
   System.Web.Mvc.MvcHandler.EndProcessRequest(IAsyncResult asyncResult) +31
   System.Web.Mvc.MvcHandler.System.Web.IHttpAsyncHandler.EndProcessRequest(IAsyncResult result) +9
   System.Web.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +9651188
   System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +155

Looks like "banner" is null, do you have a check? Perhaps you could post the entire partial view?

Thanks!

@inherits UmbracoTemplatePage

@{
    var mediaFolderId = (int)CurrentPage.BannersMediaFolder;
}

@if (mediaFolderId > 0)
{
    var mediaFolder = Umbraco.TypedMedia(mediaFolderId);
    var banners = mediaFolder.Children(x => x.DocumentTypeAlias == "Banner").ToList();

    <div id="banner-wrapper">
        <div id="banners">
            @foreach (var banner in banners)
            {
                var link = Umbraco.TypedContent(banner.GetPropertyValue<int>("link"));

                <div class="banner">
                    @if (link != null)
                    {
                        <a href="@link.Url">
                            <img src="@(banner.GetPropertyValue<string>("image"))"/>
                        </a>
                    } 
                    else
                    {
                        <img src="@(banner.GetPropertyValue<string>("image"))"  />
                    }

                    <div class="banner-text">
                        <h2>@(banner.GetPropertyValue<string>("headline"))</h2>
                        <a href="@link.Url" class="button">@(banner.GetPropertyValue<string>("linktext")) <i class="fa fa-external-link-square"></i></a>
                        <p>@Html.Raw(banner.GetPropertyValue("subheadline"))</p>

                    </div>
                </div>
            }
        </div>
    </div>
    <div class="progress-bar"></div>
    <script type="text/javascript" src="/scripts/jquery.carouFredSel-6.2.1-packed.js"></script>

    <script type="text/javascript">
        $(window).load(function () {
            $('#banners').carouFredSel({
                responsive: true,
                scroll: {
                    items: 1,
                    duration: 1000
                },
                auto: {

                }

            });
        });
    </script>
}

Ah ok, probably one of the banners has been deleted, try this:

var banners = mediaFolder.Children(x => x != null && x.DocumentTypeAlias == "Banner").ToList();

Thats the weird thing...nothing has been deleted only a new media fodler added. Tried your code and i still get the error.

Worked it out...my banner were allowed to link to internal pages...one of those pages had been deleted! Thanks for your input...got me thinking!

S

Np, glad you solved it!

Hi,

   I too have the same problem. But it shows error on this line "var mediaFolder =Umbraco.TypedMedia(mediaFolderId);". How can I solve this ?

is working on a reply...