Forum Discussion

GordonLam's avatar
GordonLam
Community Member
7 years ago

Size of Storyline block in Rise - Help!

Is there a way to control the size of how a Storyline interaction inside of a Rise block appears?  Despite me setting the Storyline width size to small and using no padding, my Storyline files created at 720 px X 405 px  (16 X 9) appear on a desktop monitor (in my case a resolution of 1280 X 1024)  so large that people have to scroll to see the top and bottom of it. 

43 Replies

  • Hi Robert!

    Are you using the Classic Storyline Player? If so, can you share a screenshot of how the Classic player increases in size when you use the small, medium, and full width settings?

  • Yes I am using the classic player and have had issues with the need to scroll up and down within Rise. I deleted that project so will share a screenshot again soon.

    For now, my main question is, why can't SL blocks be presented the same way videos are, with a full screen option that completely fills the current browser window but not beyond it?

    Is there not a method of wrapping the SL block in a video player and still allow for interaction by the user?

    I have to believe this straightforward option would solve most of the problems people have with SL block sizing, no?

  • Thanks for asking, Robert. Storyline blocks do not have a fullscreen option like video blocks do. 

    If you're able to share an example of a Storyline Block with a classic player that expands beyond it's locked player size, we'd want to have a look at that. You can send us the Rise 360 course share link by opening a case. 

  • Hi Alyssa,

    I am aware that the SL Block has the fullscreen option, my question was more to asking why it doesn't? Is there a legitimate technical reason why it cannot be done? And if not, is this on the product roadmap?

  • Hi, Robert. 

    While I don't have details on the technical implications for a fullscreen Storyline block, we are tracking requests for this feature. I'll add your vote to the list!

    • TimDanes's avatar
      TimDanes
      Community Member

      Thanks @LaRue Martin.
      I think Elizabeth does a pretty good job showcasing 'best practice'.  i.e. 16:9 ratio in a 'small' width setting tends to work on most occasions.  

      However, I think there is a fundamental flaw with embedding Storyline into Rise that I haven't been able to overcome.  
      - Rise is responsive (which uses containers that adjust layout/size based on your screen-size).  This makes it great for mobile.
      - Storyline is scaling (which resizes based on your screensize).
      The problem is (which I noted Elizabeth didn't show), Storyline scales up/down... and so do it's fonts.  On a much smaller screen (like mobile-portrait), Storyline is pretty much useless when embedded in Rise.

      I might add something very important here ... I don't think this is Articulates fault.  I think it's just a technical constraint of trying to use 2 x technologies together that might not always work.

      I have tried a gazillion different ratios etc. trying to make it work ... but have not been successful.  The closest I've come is a 1280 x 600 (super-widescreen) with 17px body and 32px header fonts.

      It looks beautiful and clean, with no scrolling on super-widescreen laptops.  It even looks good on tablets.  However, it fails on mobile/portrait (some won't even play because of the resolution). 

      My solution:
      - Communicate with the client about the constraints and considerations. 
      - If it's going to go out on Mobile, don't embed Storyline.

      Hope that helps :)

  • SheviYuval1's avatar
    SheviYuval1
    Community Member

    I am struggling with the same issue.

    To javascript masters: Is there a way to add a button in the storyline file that you can click, to make the storyline full screen? 

  • Did they just remove the setting for Storyline block size? I dont see the full width option anymore. Just a setting for selecting the SL.

    • KarlMuller's avatar
      KarlMuller
      Community Member

      Hi Josh,

      That setting was moved to the new Design tab on the right side of the block.

  • OklandAdmin's avatar
    OklandAdmin
    Community Member

    Hi all, 

    I know this is a super old thread, but I just came across this issue and wondering if there was ever a solution. I just put together a quick simulation in Storyline of how to install an app but it's showing up so large that you can't see the whole phone on one screen (screenshot attached). I have the storyline block set to Small, and I've even changed the size in Storyline so that it's only 200x400. 

    Here is a link to a new Rise course with an example to show how large it is too. 
    https://rise.articulate.com/share/0A6PGWoeBPhNDEwd6fA5C6os3bES7Fzc

    I would love to know if there's a solution to this. I do use the Classic player and it already has the "Lock player at optimal size" option set, but that doesn't seem to help. Thanks! Katie