Forum Discussion

SuneBjerre's avatar
SuneBjerre
Community Member
2 months ago

Custom block responsive suggestion

I really like the new Custom Block. And I know, that making it fully responsive doesnt make a lot of sense. That is the price of freedom in design and layout. BUT...

Event though it would add to development time for users, it would be great to be able to add a design for mobile and one for computerscreens. And then have som media-query behind the scene, that would switch between the two when resizing browser window or using a phone. You could even give the users the ability to input different breakpoints.

I often make my own interactive graphics and show them in Rise in an iFrame (Embed). I've always wished for the ability to use 2 embeds in my Rise course to show the screen-version of my graphic, when on a PC. And the mobile-version when on the phone.

An advanced creative interactive graphic for learning has so much to offer, but will never be fully responsive because of the need for freedom in the layout and placement of text. It just isn't compatible with the (necessary) strict rules of a markup language.

But this "poor-mans-responsiveness" solution is something I often use on my own Wordpress-sites. I'm sure it would be possible to implement in Rise too....or I hope it will be :)

 

3 Replies

  • PhilFoss's avatar
    PhilFoss
    Community Member

    Sune, I can tell you've worked on websites before! This is exactly the process I used to make a 'magic' responsive custom block. Screen recording in this other thread:

     

    • SuneBjerre's avatar
      SuneBjerre
      Community Member

      This is EXACTLY the solution I'm looking for! I've been thinking about such a solution myself, but I wasn't sure if the cryptic IDs would stay the same upon exporting after updating a course. And I always forget to make the right changes in the index/css-files when updating  courses I've "tinkered" with ;)

      I'm gonna try this one out and in the meantime I'll be hoping for an integrated solution....From my end it seems so easy to implement.

  • Taylah_Pech's avatar
    Taylah_Pech
    Community Member

    Yes, this is a great idea! I would prefer this to adding interactivity honestly.