Custom Blocks - Text Scaling in Various Viewports.

Question

Hi Community,&nbsp;
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.&nbsp;
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.&nbsp;
&nbsp;
Thank you,&nbsp;
Yedno
&nbsp;
Attached are screenshots for reference.

philfoss · Answer

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

&nbsp;

scs · Answer

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!&nbsp; &nbsp;&nbsp;

stevenbenassi · Answer

Hi SCS​,&nbsp;
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.

jodiparish-30ed · Answer

Just here to say my team is experiencing the same issue and would love for this to have a solution soon. It's impacting how we develop and use Custom Blocks.

Forum Discussion

Custom Blocks - Text Scaling in Various Viewports.

Related Content

Scaling feedback?

Image sizing and scaling issue

Scale animation

Scale

Adding Up Points on Likert Scale and Printing Results/Text Responses