Copied to clipboard

Flag this post as spam?

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


  • Geofrey 40 posts 161 karma points
    Nov 28, 2017 @ 20:59
    Geofrey
    0

    Slider Revolution in umbraco

    Hii all,

    I am new and fresh to Umbraco straight from WordPress developer, I am loving this Umbraco,

    I created my first website in Umbraco but I can't find any good tutorials or guidance on how to implement slider revolution in Umbraco,

    I have slider revolution but I don't know how to use it in Umbraco, can anyone please help me how to do this?

    Note: I used already

    Thanks The sky is the limit!

  • Alex Skrypnyk (skrypnyk.dev) 6070 posts 23407 karma points MVP 6x admin c-trib
    Nov 28, 2017 @ 21:48
    Alex Skrypnyk (skrypnyk.dev)
    0

    Hi Geofrey

    Did you setup umbraco document types already?

    If yes, show me how it looks in Umbraco and we will render this data together with Razor

    Thanks,

    Alex

  • Geofrey 40 posts 161 karma points
    Nov 28, 2017 @ 22:56
    Geofrey
    0

    Yes, I attach the image below check it out

  • Geofrey 40 posts 161 karma points
    Nov 28, 2017 @ 22:55
    Geofrey
    0

    Hii Alex.

    Yes.

    enter image description here

  • Alex Skrypnyk (skrypnyk.dev) 6070 posts 23407 karma points MVP 6x admin c-trib
    Nov 29, 2017 @ 10:55
    Alex Skrypnyk (skrypnyk.dev)
    0

    Please, provide the code as a text, not like screen )

  • Geofrey 40 posts 161 karma points
    Nov 29, 2017 @ 19:44
    Geofrey
    0

    Hii alex i decided to use doctype grid editor plus nested content to create slider in my page am stack on how to render it in my page creating the carousel.cshtml partial view

  • Ben Palmer 173 posts 819 karma points c-trib
    Nov 29, 2017 @ 10:54
    Ben Palmer
    0

    Hi Geofrey,

    Correct me if I'm wrong but Slider Revolution is a WordPress plugin so you'd need to explore different options for implementing a slider i.e. Swiper, Slick etc.

    I'd suggest looking into Nested Content and creating a document type that includes what you need in a slide i.e. Text, Image. You can then create a Nested Content document type.

    If you need an in-depth guide, let us know and I'll try to put something together.

  • Geofrey 40 posts 161 karma points
    Nov 29, 2017 @ 16:39
    Geofrey
    0

    Hii Ben ,

    Your

    Your right, I tried to do it with docTypeGridEditor combinined with Nested Content , I followed this tutorial down here.

    Creating Slider Using DocTypeGridEditor plus Nested Content

    I did all stuff the same as him but I get this error .

    > Umbraco.Web.Mvc.ModelBindingException: Cannot bind source content type
    > Our.Umbraco.DocTypeGridEditor.Models.DetachedPublishedContent to model
    > content type Umbraco.Web.PublishedContentModels.Carousel.
    

    Am stack I dont know what to do next, can you please provide a tutorial here step by step on how to do it correctly.?

    NB: Json file I also included as read me instruct from doctype grid editor

    Any help will be helpful

  • Ben Palmer 173 posts 819 karma points c-trib
    Nov 29, 2017 @ 17:10
    Ben Palmer
    0

    Hi Geofrey,

    I'm working on a tutorial for this so I'll try to find the time to finish it up.

    Can you post your code in the meantime? It sounds like you're passing in the wrong model to a view somewhere but it's hard to pinpoint exactly where without seeing your set up.

  • Geofrey 40 posts 161 karma points
    Nov 29, 2017 @ 20:51
    Geofrey
    0

    Hii Ben,

    I have created my slider by following this tutorial here.

    https://www.youtube.com/watch?v=5RsiUNt4MSk

    According to this tutorial, he didn't show any coding but he showed something like carousel.cshtml in partial view and that is the part I didn't understand .

    Here is what I have done. I have created the following. 1. Document type

     a)Carousel item.
    
    
        Tab Name: Content, 
    
        Property Name: Title 
        Alias name: title
         type: textstring. 
    
        Property Name: Image,
        Alias name: image,
        Type: media picker.
    
         Property Name: Link,
        Alias name: link,
        Type: content picker
    

    b) Carousel .

         Tab Name: Content.
    
         Property Name: Carousel Demo
        Alias name: carouseldemo
        Type:carousel.
    

    After I created that, I created data type named carousel check image below with settings according to the tutorial. carousel data type

    I enabled DocTYpe Grid Editors in the config, js as per readme instructions (works).

    After all that went to home content and add edited row settings by enabling all editors and selected doctype editor etc,

    after that as per tutorial I started uploading three images for my slider when I click preview I got an error

    Umbraco.Web.Mvc.ModelBindingException: Cannot bind source content type Our.Umbraco.DocTypeGridEditor.Models.DetachedPublishedContent to model content type Umbraco.Web.PublishedContentModels.Carousel.
    

    am stuck here, can you help me how to solve this? do I need to render something here? because in the tutorial the guy just copied a file named carousel.cshtml to partial views but I dont what is inside because he didt show what is it :( HELP

  • Geofrey 40 posts 161 karma points
    Nov 29, 2017 @ 20:51
    Geofrey
    0

    Check my reply

  • Ben Palmer 173 posts 819 karma points c-trib
    Nov 30, 2017 @ 01:09
    Ben Palmer
    100

    Hi Geofrey,

    Still a little bit of a work in progress but I've set up a tutorial explaining how to create a slider in Umbraco using Doc Type Grid Editor and Nested Content.

    It's based on a fresh installation using the starter kit but hopefully it'll still be helpful for you.


    Outside the tutorial for a moment, have you set up your view at ~/Views/Partials/Grid/Editors/DocTypeGridEditor/Carousel.cshtml? If so, what does that look like?

    Do you by any chance have something like this at the top of the file:

    @inherits UmbracoViewPage<Carousel>
    

    If so, change that for:

    @inherits UmbracoViewPage
    

    or:

    @inherits UmbracoViewPage<IPublishedContent>
    

    Doc Type Grid Editor won't automatically convert your models to strongly typed ones, it'll just pass in IPublishedContent by default. You can then convert that to a strongly typed model by using the following code in a codeblock:

    @{
        Carousel carousel = new Carousel(Model);
    }
    

    If you have a controller in between the two, then please post that as well.

  • Geofrey 40 posts 161 karma points
    Nov 30, 2017 @ 09:53
    Geofrey
    0

    The best tutorial in a while about doctype grid editors , works perfectly as expected , Thanks a lot bro , Have a wonderful day , keep it up !!!

Please Sign in or register to post replies

Write your reply to:

Draft