Labeled graphic, width of cards with embed?
Mar 14, 2018
I created a labelled graphic with markers/cards that contain videos with embed.
Depending on the location of the marker, the width of the card changes and in the first lesson marker 4 card becomes very narrow so that you cannot even see the full screen possibility. Marker 4looks ok in the second lesson but still quite narrow and not in the correct place on the map. This is in the preview of PC mode.
Is there any way of controlling this? Via embed settings, size on image etc? Are there any recommendations for image sizes or embeds to avoid this?
I wanted to display a map and the possibility to see examples of activities taking place all over the country.
See attached image and link to course example.
https://rise.articulate.com/share/N92Q-4RMl2DapiP8M1ZtQVPPMRnMkVMW
6 Replies
Hello Helena,
The marker card height/width is going to change based on the device you're viewing it on and the size of the window. Rise is designed to work with responsive design and accommodating the different device displays.
If you preview the mobile view, for instance, you'll see the difference. Even changing the size of the browser when viewing the link you shared above will reflect how it's handled in Rise.
All that being said, you are still welcome to share your thoughts via a feature request here with our Product team.
Thanks Leslie, I'm well aware that Rise is designed for responsive, however are there any best practices on image width on labeled graphics? The example I attached works fine in mobile view but how do I create a good enough experience for users in PC mode?
I think it would be helpful for users to have a crib sheet to refer to showing the ratio of the various images that can be used for each image type (i.e. 16:9, 4:3, 1:1 etc).
In addition it might also help if we could refer to some info that tells us the dimensions that each image will display at when viewed on a PC (I assume the size of each image caps out somewhere?). This will help as we could then create our images to fit the maximum requirements and let Rise handle the scaling for smaller devices.
Helena - what you're seeing is a bug. It happens when you use a main image in Labeled Graphic that is tall and skinny. We will fix this. In the meantime, if you can fix this by manipulating the original image and putting it on a wide white background.
Helena - I made a sample image that will work for you. It's attached in the .zip.
Thanks Adam! Excellent!
This discussion is closed. You can start a new discussion or contact Articulate Support.