Forum Discussion

SCS's avatar
SCS
Community Member
1 day ago

Custom Blocks - Text Scaling in Various Viewports.

Hi Community, 

I've recently been experimenting with the new custom block feature in Rise 360 to create more customized layouts. At times, I like to create text and image-oriented layouts to depict scenarios that are in alignment with my 17pt body text throughout my course. 

However, whenever I send my course modules for review, my subject matter experts express concern with the text sizes designed in the custom blocks. I am aware Rise 360 review is not 1:1 to its original editing view and the scaling also becomes more apparent when the contents are viewed on a mobile device and or tablet.

Does anyone have any tips so I can maintain text sizes between custom blocks and rise block styles?

I truly enjoy the new custom block feature, and I really want it to work for my course designs, but accessibility is a big priority. Any help or advice would be greatly appreciated. 

 

Thank you, 

Yedno

 

Attached are screenshots for reference.

3 Replies

  • PhilFoss's avatar
    PhilFoss
    Community Member
    1 day ago

    Yedno, this is a known issue with the Custom Block, it scales like an image, its actually an SVG image. So it can make your typography fall wildly outside of your brand guidelines if your organization enforces it. I believe Articulate considers it a bug. I did a screen recording showing a solution for the most extreme situation- desktop vs mobile views where text becomes very small and unreadable on phone. Big accessibility issue if your organization requires compliance.

    https://youtu.be/Nm5Ft1olbvQ

     

    • SCS's avatar
      SCS
      Community Member
      1 day ago

      Thanks Phil. This comment and your video are really helpful! I'm glad Articulate is aware of this bug and hopefully they can provide a solution to users. It also makes a lot of sense now when you explain the custom block feature as an SVG builder. Prior to this post, I was able to use a screen reader on custom block elements which led me to believe the block was responsive. Lesson learned. I am going to give the custom CSS code you shared a try and see if I can get this to work. Thanks again!    

      • StevenBenassi's avatar
        StevenBenassi
        Staff
        15 hours ago

        Hi SCS​, 

        Great to see that Phil has been helping you!

        As he mentioned, we do have this behavior logged as a bug in Rise 360. This bug causes Custom Block font size and style to differ between editing/previewing and published output.

        I've linked this discussion to the bug report so we can notify you as soon as a fix is ready. We appreciate your patience, and I'm sorry if this has been slowing you down.