Adapt Learning Community: [adapt-contrib-trickle] Shows "Continue" at the page open

Hi,

I'm trying to use trickle functionality, I have these entries in `articles.json`

[
    {
        "_id":"a-01",
        "_parentId":"co-01",
        "_type":"article",
        "_classes":"",
        "title":"",
        "body":""
    },
    {
        "_id":"a-02",
        "_parentId":"co-01",
        "_type":"article",
        "_classes":"",
        "title":"",
        "body":""
    },
    {
        "_id":"a-03",
        "_parentId":"co-01",
        "_type":"article",
        "_classes":"",
        "title":"",
        "body":"",
        "_trickle": {
            "_isEnabled":true,
            "button":"Ready to continue?"
        }
    },
    {
        "_id":"a-04",
        "_parentId":"co-01",
        "_type":"article",
        "_classes":"",
        "title":"",
        "body":"",
        "_trickle": {
            "_isEnabled":true,
            "button":"Ready to continue?"
        }
    },
    {
        "_id":"a-11",
        "_parentId":"co-01",
        "_type":"article",
        "_classes":"",
        "title":"",
        "body":""
    }
]

but whatever I'm trying the page shows on start the "Continue" button, so 1st issue is why Continue when "button" states "Ready to continue?", and 2nd why it appears on page load?

The component used are:

"text", "blank" and "media", e.g.

{
        "_id":c-010",
        "_parentId":"b-02",
        "_type":"component",
        "_component":"text",
        "_classes":"",
        "_layout":"left",
        "title":"title",
       "displayTitle":"title",
        "body":"Lorem ipsum",
       "instruction":"",
        "_pageLevelProgress": {
            "_isEnabled": true
        }
    },
    {
        "_id":"c-010-blank",
        "_parentId":"b-02",
        "_type":"component",
        "_component":"blank",
        "_classes":"",
        "_layout":"right",
        "title":"",
        "displayTitle":"",
        "body": "",
        "_pageLevelProgress": {
            "_isEnabled": true
        }
    },
    {
        "_id":"c-015",
        "_parentId":"b-03",
        "_type":"component",
        "_component":"media",
        "_classes":"",
        "_layout":"right",
        "title":"David",
        "displayTitle":"David",
        "body": "",
        "instruction":"Lorem ipsum",
        "_setCompletionOn":"play",
        "_media": {
            "mp4": "course/en/video/c-015.mp4",
            "ogv": "course/en/video/c-015.ogv",
            "poster": "course/en/video/c-015-small.jpg",
            "subtitles": "course/en/video/c-015_sub.srt"
        },
        "_pageLevelProgress": {
            "_isEnabled": true
        }
    },
    {
        "_id":"c-015-blank",
        "_parentId":"b-03",
        "_type":"component",
        "_component":"blank",
        "_classes":"",
        "_layout":"left",
        "title":"",
        "displayTitle":"",
        "body": "",
        "_pageLevelProgress": {
            "_isEnabled": true
        }
    }

best regards

Hi Łukasz,

I've just tried this using a fresh version of the Adapt framework using the adapt-cli (i.e. adapt create course), and it's working fine for me.

The default 'continue' label only shows when a _trickle.button label can't be found in the JSON. As you've specified the label in the correct place, this suggests that you may have a JSON issue. The button should also be hidden on page pre-render, so it's likely something's gone wrong before this point.

The example JSON you've provided for the first component (c-010) has a double-quote character missing; this could just be a typo, as the grunt build will fail and give you a warning before you are even able to run the course.

Show parent | Reply

Hi Tom,

the double quote - yes it is a rogue deletion when I was editing the post - and I can't edit post anymore so it has to stay like that.

If it works for you, could you make this course available somewhere so I can take a look - maybe I'm doing something daft,

Show parent | Reply

I've uploaded a test build here: http://taylortom.co.uk/scratch/trickle/, and have also stuck it up on GitHub: https://github.com/taylortom/trickle-test

Let me know how you get on.

Show parent | Reply

But if you move the trickle to the a-10 article you will see that it starts to fall apart, it doesnt starts with "Continue" button visible but you have to finish component c-15 then it displays the "Continue" (and not "Ready to continue?") button. I've assumed that the trickle starts with first component of the a-10 article. I guess there should be a setup to set c-15 to complete without user interaction - do you know how?

Show parent | Reply

Ah, yep I see your point.

Trickle seems to be listening to the completion of unrelated articles/blocks, so I'm getting the button showing after I complete the first article/block (which doesn't have trickle turned on). The knock-on effect of this is, as you've found, then breaking the rest of the page (in terms of how trickle works).

I'll create an issue for this on GitHub, and link back here for you to review/add any comments to.

Apologies I couldn't be of any more help.

[UPDATE]: I think this issue on GitHub describes the problems we were seeing. If you could have a look, and comment, that'd be great.

Show parent | Reply

Hi Tom,

thanks, you were - you helped me prove that it is not the content causing the issue but the plugin is not covers all the use cases,

Show parent | Reply

I am working with the latest version of the Authoring Tool and what it tells me is version 1.1.3 of the adapt-contrib-trickle extension. I am experiencing a similar issue as to what Łukasz Grela is experiencing. For example if I have a page with 3 articles and enable trickle on the second article it seems to apply it to all components on the page.

In addition, there also appears to be a bug that if the first component on the page is a video, the sizing of the video player goes off the screen until you click 'Play' and then it appears to resize it as it is meant to appear.

e.g. With trickle enabled

with trickle disabled:

I tried to combat the issue by adding a Block with a blank component above the video and becasue of the trickle bug as soon as the page loads it prompts me to continue and then it shows the video as it should..!

So close but yet so far!!! :(

Show parent | Reply

Check the issues on the framework and trickle and media component - also you may search my github as I've resolved all of those issues (trickle, media component large and premature trickle activation) unfortunately it needs to be fixed in code (also you may try the develop version of framework as some of PR's to fix those issues were merged.

https://github.com/adaptlearning/adapt-contrib-media/issues/81

https://github.com/adaptlearning/adapt-contrib-trickle/issues/32

https://github.com/adaptlearning/adapt-contrib-trickle/pull/31

https://github.com/adaptlearning/adapt-contrib-trickle/issues/33

Show parent | Reply

ok, cool thanks. If I use the develop version of the framework do you think that will cover it? Or will I need to use the develop versions of those components as well?

Considering I have setup the authoring tool and the framework together what do you suggest is the easiest way to run the latest development branch of the framework with the authoring tool?

Cheers

Greg

Show parent | Reply

I think develop versions of the components are more important than frameworks and also some of them are not merged which means that you will have to do some changes yourself,

Show parent | Reply