Explore the community Forums Lectora Lectora Questions & Answers Creating Single Page Applications (SPA) in Inspire

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #387101 Score: 0
    Profile photo of Mihir Aich
    Mihir Aich
    Member
    beginner
    intermediate
    curious george
    wise owl
    contributor
    @maich4316

    Our client wants to build courses with no back-next buttons, but Single Page Applications (SPAs) with vertical scrolling. Will this be possible with Inspire? Which Inspire version supports SPAs with scrolling anchor tag facilities? Any Pros and Cons of this design? Any suggestions will be helpful.

    #387103 Score: 0
    Profile photo of Mihir Aich
    Mihir Aich
    Member
    beginner
    intermediate
    curious george
    wise owl
    contributor
    @maich4316

    Further to my above post, adding: In Inspire, we need to give a page height (custom size) for each type of view. However, in SPA design, each page can be of different size depending on the content. Can this be implemented?

    #387106 Score: 1
    Profile photo of Math Notermans
    Math Notermans
    Member
    contributor
    intermediate
    advanced
    friend finder
    junior moderator
    advocate
    LUC16 Attendee
    LUC16
    wise owl
    curious george
    131 pts
    @mnotermans5114

    Yes it is possible. Basically any Inspire version, you can use external javascript libraries to achieve what you want.
    With version 17 you can keep a page scenario and achieve it like you want using seamless play. With older versions..well you have to build a real one-page to hold all pages you use.

    Here you find a sample of a solution like that i made a while ago.

    One-page-Setup

    Kind regards,

    Math

    This post has received 1 vote up.
    #387154 Score: 0
    Profile photo of Mihir Aich
    Mihir Aich
    Member
    beginner
    intermediate
    curious george
    wise owl
    contributor
    @maich4316

    Thanks Math. Wonderful thing. Do you have anything with more than 1 page?

    #387185 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
    131 pts
    @mnotermans5114

    This is made in V16, so then this was the only way you could create a SPA-look-a-like in Lectora.  In V17, you now can take use of ‘Seamless Play’ to do the same thing and get something SPA-ish. If i got some spare time i might mock it up…

    #387226 Score: 0
    Profile photo of Mihir Aich
    Mihir Aich
    Member
    beginner
    intermediate
    curious george
    wise owl
    contributor
    @maich4316

    ‘Seamless Play’ is about loading the subsequent pages to eliminate the screen wipe. This option doesn’t seem to be for SPAs. Any ideas? Math, however, you solution is quite good. Does it work for RCDs?

    • This reply was modified 2 years, 8 months ago by Profile photo of Mihir Aich Mihir Aich.
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.