0

Locking content on a page until interactions are complete with scroll fx as well?

578 0 1
Posted   8 months ago

Hi there! I am attempting to develop a project in dominKnow on a long scrolling page. I would like to show a section of content until it reaches an interaction (carousel, tabs, accorrdion etc). I then want the next section of content to appear until a new interaction. 

 

I know I can do this by setting up triggers, however when the elements appear, I would like it to have scroll fx, not just be there. Is it possible to link a show effect to a trigger as well as scroll fx?

Comments

( 0 )
Filter

Answers  ( 1 )

0
avatar Paul Schneider ●   |    
Posted   8 months ago
  ●   Edited   8 months ago

You sure can! The Player Control action of "Scroll to Element" will let you jump to an element. 

Read about Player Controls in this article.

You can also have fun with scrolling entrance and exit effects to have different animations etc. as you are scrolling. 

And you may want to take a look at the Scroll and Reveal Theme as well. 

For an example course that uses actions and triggers see the Color Theory Project. This project can also be downloaded from the marketplace.

 

Comments

( 3 )
0
8 months ago   ●   cchace2   ●   0   |   0  

Thanks for your reply! I am working in the Scroll and Reveal Theme. Do you know if there is the ability to lock the continue button that takes the user to the next section until they've completed all interactions in that section?

0
8 months ago   ●   Paul Schneider   ●   753   |   8  

So if you want to lock and prevent someone from getting to the next section, you will want to switch themes to a different theme. The Scroll and Reveal theme currently will always allow people to move to the next section.

Either with another theme you could use the action/triggers to show a custom reveal section button based on the user did X or Y or both... and then that could generate the same effect as this theme.

Another option would be to have (either in the reveal and scroll theme or another theme) the next button or move to another page button (custom in reveal and scroll) only appear after all content on the page was completed (there is a player control action trigger for this) and then folks are stopped until that page content is complete.

0
8 months ago   ●   Paul Schneider   ●   753   |   8  

One other item: The Color Theory Example course shows you how you can do this. (I've updated the answer with this link)

Write your answer

Related Questions

0

Disable the next page on the Player Menu until user interacts with all elements on a page

 531 0 2
Posted   6 months ago
1) I want to be able to disable each page on the PLAYER menu until the learner interacts or completes all the content on the existing page before moving forward, similar to sequential order; except, I want all the pages DISABLED on the player until the learner interacts with the information on that given page.

Currently, I have the course navigation set to sequential order, but the next consecutive page is enabled (on the menu) before the learner is done completing the following page. ...
0

Can we make shapes blink?

 1435 0 1
Posted   2 years ago
  ●   Edited   2 years ago
In one of the page interactions in the course, we were trying to add a shape that would keep on blinking until clicked. We were not able to find any such option. is it possible in DominKnow? If yes, please guide us with that.  
0

Enable Next button after audio has finished playing

 1427 0 2
Posted   2 years ago
I have an audio clip on a page in Flow. Is there a way to keep the Next button disabled until the audio has finished playing? I have it set to enable after all the content on the page has been viewed, but the client wants it disabled until the audio has finished. I have used the "Element is complete" trigger, but it enables the Next button as soon as I start the audio, rather than after it has finished playing.
0

Based on a custom variable, mark modules as complete and assign a module test score as 100%

 1522 0 0
Posted   2 years ago
I'm creating a course with conditions: My stakeholders want to have a pre-test to partially test out of certain modules in the project (3 of the 8 modules with tests would still be required to be watched) and have test questions at the end of each module with a project pass score of 70%. The pre-test test out option wouldn't work in this situation since there are modules that are required to be watched/completed. I created variables for each of the modules that can be tested out of and set th...
0

How to move content from a section on one page to another page?

 758 0 1
Posted   9 months ago
​​​​​​I am working with draft content and want to re-arrange the layout, moving complete sections that contain one graphic with many markers each to an accordion engagement on one page. Is it possible to grab everything in a section and move it, or do I have to recreate all the markers from scratch? Thanks.
0

Page "Is Complete" variable - showing what is missing?

 769 0 1
Posted   one year ago
If I'm using the page variable 'Is Complete' to stop people advancing to the next page until they have completed all content on a page, is there a way to show them which elements are still incomplete when they click the locked 'Next Page' button e.g. is there a variable to enable setting an action like:   On Click > Condition: Variable 'Is Complete' != true > Show Pop Up > "You have not completed {{Incomplete Elements}}  
0

Page/Interaction Completion

 1453 0 1
Posted   2 years ago
Hi. I need to "force" completion of interactive elements on pages where they exist and I'm not sure how to show that an interaction  (like a series of hotspots) has been fully interacted with and remains incomplete and prevent learners from advancing to the next page until that interaction is completed. I noticed that just accessing a page allows you to advance to the next---you don't actually have to interact with the elements/complete them to move on. I see that I can add a trigger to set u...
0

Scroll position preserved from page to page - mobile

 2892 0 2
Posted   4 years ago
I would expect the scroll position to reset to the top of each page when a new page is loaded (back/next/menu navigation). Instead, if I use a button at the bottom of the page to get to the next page, it loads at the bottom of this second page. The browser mobile preview does not display this behavior. I believe it's not intended. How can I avoid this? iPhone 8 iOS 12.2  Thanks, Katy O'Keefe
0

Carousel scroll bar

 7443 0 1
Posted   3 years ago
I have created a carousel in Claro. There is only line of text on each tab. When it displays there is a vertical scroll bar. No matter how much I enlarge the carousel, the scroll bar displays. I can't seem to get rid of it. Is there a way to disable this feature?   Thanks.
0

Using Custom Variables in XAPI statement

 794 0 1
Posted   one year ago
Hi, I have a form on the first page of my course to capture learner data (name, email etc). I'd like the "Submit" button on the page to send the data as an XAPI statement to my LRS so I can record that the user has accessed the course. I would also love for the variables (First Name, Last Name) to replace the userID sent for the remainder of the interactions for the course. Is this possible, and if so, what are the parameters I need to set in the "send xAPI statement" element interaction for ...