Explore the community Forums Lectora Lectora Questions & Answers Questions regarding Template Creation

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #424045 Score: 0
    Profile photo of Cory Clark
    Cory Clark
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    @cclark1204

    A colleague and I have been tasked with creating a template within Lectora.  We have the structure identified, I am just unsure of how specific actions should work:

    1. The background is currently all white, and we would like to add light grey to the middle part, leaving white at the top and bottom.  What would be the best way to achieve this?
    2. We have a progress bar in the template, and would like for it to be green as each slide progresses.  How can we do this, and are there setting so it syncs with the playing of each slide, as well as when pausing the slides?
    3. What is the best way to Play / Pause each slide?  Would the Play, Pause actions work in this case, or is that only for media?
    4. How can we refresh each slide for the user to return to the beginning of a current slide?  Are there actions we can insert?

    Thank you for any assistance that can be provided.

    Cory

    #424086 Score: 1
    Profile photo of Adam Cain
    Adam Cain
    Member
    beginner
    intermediate
    profile
    picture perfect
    wise owl
    friend finder
    Group Member
    curious george
    contributor
    16 pts
    @cainam

    Attached is a quick example with some explanation on the pages.  Cool thing about Lectora is that there are a lot of different ways to accomplish what you need – here’s just one way of doing it.  More explanation in the module, but a quick overview:

    1. background of module set to gray (so that the whole page even outside the module dimensions will blend in).  White square added for the white in the middle.  (if you want it consistent all the way across, you could use a background strip that has white on top and bottom with gray, and have that repeat in the background using a small bit of CSS (html extension) – will only show up when you preview in browser though, not while you are editing.  I can share that if you like as well).
    2. progress bar is already programmed for you – pretty much just drop it into your module.
    3. play/pause is really not needed in most situations (but I guess it depends on what you are using it for).  Works with media, not for the ‘page’ itself.
    4. generally speaking the page will refresh when you revisit.  Using variables you can make actions sticky (example in attachment).  If you are creating pages with a lot of content/actions on each page, and you want to reset the current page, you can do that will actions (You could essentially have a button that has as many actions as you need to resent everything back).  there also is an action to ‘reset all variables’ that applies to the whole module.
    This post has received 1 vote up.
    Attachments:
    1. template-wbt.zip
    #424102 Score: 0
    Profile photo of Cory Clark
    Cory Clark
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    @cclark1204

    Adam,

    Thank you so much for the information, and template example.  They have already helped in development of the template.

     

    Cory

    #424109 Score: 1
    Profile photo of CarlFink
    CarlFink
    Member
    beginner
    intermediate
    contributor
    LUC16 Attendee
    wise owl
    curious george
    advanced
    18 pts
    @CarlFink

    Expanding on Adam’s correct statements:

    Aside from media (audio/video) there is not much to pause on a page besides animations/transitions. I don’t believe it’s possible to pause the stock transitions, but you’d rarely need to. If you are using timers to make things happen, mention that and we’ll come up with solution (if possible).

    To refresh a page without leaving, you can just navigate to a blank page and have that page immediately (onShow) GoTo Last Visited Page. Put the blank page after the last navigable page of your course so it doesn’t come up in sequence. I made mine consist of a “loading” graphic, so the user sees a load screen for a fraction of a second, then the original page reloads.

    This post has received 1 vote up.
    #424116 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    195 pts
    @Klaatu

    When you say refresh a slide, what exactly are you trying to accomplish (reset animations, a question, a variable?) The easiest way to refresh a page is to add a button with a run JavaScript action with the following:

    parent.document.location.reload();

    #424186 Score: 0
    Profile photo of Cory Clark
    Cory Clark
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    @cclark1204

    Carl,

    Thank you for your suggestions.

    We use a vendor to create some of our modules, and are looking to have a template with the same look at feel.  On each page, they have a Play / Pause button that pauses everything (text, media), so we are hoping to have the same functionality.  Do you have any suggestions, whether it be an action or Javascript?

    Thank you,

    Cory

    #424188 Score: 0
    Profile photo of Cory Clark
    Cory Clark
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    @cclark1204

    Darrel,

    I used the Javascript you provided and it worked perfectly.  Thank you!

    Cory

    #424190 Score: 0
    Profile photo of Cory Clark
    Cory Clark
    Member
    beginner
    intermediate
    friend finder
    curious george
    wise owl
    contributor
    @cclark1204

    Adam,

    The vendor we use to create some of our modules uses a progress bar, which shows the progression of each page.  Are you aware of an action or Javascript so the user can see how they are progressing on each page, and not just the course as a whole?

    Thank you,

    Cory

    #424196 Score: 0
    Profile photo of Adam Cain
    Adam Cain
    Member
    beginner
    intermediate
    profile
    picture perfect
    wise owl
    friend finder
    Group Member
    curious george
    contributor
    16 pts
    @cainam

    I guess you could add a progress bar per page, and use type of ‘custom’ instead of ‘table of contents’.  from there you could modify the progress bar value to show progress, maybe triggered by when different things happen on the page where progress would be evident.  Pages are not timeline-based (like say captivate).   So trying to control/view the page like a video will take a bit more work to accomplish…. If the user is not really interacting with the content on the page, but viewing it like a video, then you could always create a video using Camtasia and drop that on your page (if you have Lectora Inspire that comes with Camtasia).  Hard to say exactly without knowing what you are working with.

    If you have a way to show an example page to the group here, we might be able to steer you in a better direction.

    #424233 Score: 0
    Profile photo of CarlFink
    CarlFink
    Member
    beginner
    intermediate
    contributor
    LUC16 Attendee
    wise owl
    curious george
    advanced
    18 pts
    @CarlFink

    @Cory, I’m speculating that your vendor is not using Lectora, which does not have the functionality to pause entire pages. It’s possible that the content of the page is (for example) and MP4 video that can, indeed, be paused.

    #424286 Score: 1
    Profile photo of Tim K
    Tim K
    Member
    contributor
    beginner
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    wise owl
    curious george
    Group Member
    293 pts
    @timk

    It should be pretty easy to identify the software that has been used. I don’t have something created with Captivate but both Lectora and Storyline write something like “Generated by: Lectora Inspire 17.0.6” or “Created with Storyline 360” into the source code of every file. Or just ask the vendor which one was used. But indeed a timeline feature is not directly pointing to Lectora.

    If you wanted to create a timeline in Lectora you could use a (silent) audio file and animate your page through events. If you pause the audio the page will pause as well. The audio player comes with an inbuilt “progress bar” that can be customized.

     

    This post has received 1 vote up.
    #425552 Score: 0
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    115 pts
    @mnotermans5114

    As Tim mentions… a timeline doesnot directly is ‘Lectora’. Storyline however has. Add a screenshot of the project and changes are that someone here can immediately link it to whatever programme was used. Storyline, Rise and Captivate all have quite recognizable look and feel if a developer not deliberately changes that.

    As does Lectora for that..

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.