storymap-journal icon indicating copy to clipboard operation
storymap-journal copied to clipboard

Responsive(mobile) view & main stage actions-possible?

Open upcamogie opened this issue 8 years ago • 3 comments

I have a link on my side panel that is a main stage action to replace the map on the main stage with a PDF document describing the map/project. It looks good in the main view but when I test on an Ipad-sized view, the link on the side panel (which is now the 'learn more' content..would love to change that language but thats another story) does not go to the PDF but rather just back to the map. Is there any way for the responsive design to get to this content? Bug? limitation?

Alternatively, I have put the PDF in a iframe on the side panel-- that could work if I could get the 'fit to width' to be the default view and/or have the iframe code I enter be honored. I try and add standard iframe code I've used elsewhere defining width, height & scrolling, but the tags are ignored and it defaults to its own dimensions. ideas? thx

upcamogie avatar Jan 07 '16 17:01 upcamogie

I am not able to reproduce the first issue. For me the PDF open as expected using Safari on iOS 9.1. But your issue may be that if you don't click exactly on the link, it will get back to the map as this is the expected behavior. Could you try increasing the font size and see if it helps? If that's your issue, you may like the following article to create nice button https://medium.com/story-maps-developers-corner/create-buttons-for-main-stage-actions-using-the-style-tag-144b3aeb5583#.wa4x9pefq

Inline PDF seems to works fine for me, see my test app http://story.maps.arcgis.com/apps/MapJournal/?appid=d56ce09c17624eb2a7d760481f05ea40. Are you adding it using the inline media feature or through the editor source view? I recommand you use the first way, see screenshot below , you will have access to fit to width or custom. If you want custom value, entering them in that dialog should work.

image

I noticed another issue, the PDF cannot be navigated, scrolling the Main Stage makes the whole app to scroll. I will look at that one for sure for next release and wait for your feedback on the other two.

glazou avatar Jan 12 '16 19:01 glazou

Sorry for not being available to respond to this until n ow... I am having better performance viewing the PDF as the main stage action so I think I will probably use that if it works OK with the resolution for our iframe (this will be embedded in a web page and I am using Ipad as the approx size of the frame).

For the other question, I am adding as you indicate in the screen shot-- I have done the 'fit to width' but it still seems to not fit the document itself but the PDF window that comes up. I will test it again because it looks good in your test app and that is how it should look in mine. It may be the way this window is getting compressed in the mobile view. and finally, I did notice the PDF scroll issue. Luckily in my main stage action in the mobile view, it does work. I'll be watching for the bug you reported and other improvements. thanks--

upcamogie avatar Jan 21 '16 13:01 upcamogie

Wanted to let you know that I haven't been able to find a fix for any of those issues. I will be looking at it again for our next release in June.

glazou avatar Feb 05 '16 17:02 glazou