Scroll panel does not retain size set in M1 when exported

Hello Wayne

A little while ago you explained how to make an image disappear when clicked, to reveal what is underneath, and then to reappear when clicked again. As I explained I was able to get that to work, Thanks again. However I am having another problem with the page.

The movie details are contained in a scroll panel to allow the text length to change each week according to the length of the movie’s description. This way the poster would always be big enough to hide the details and when the details are reviewed the user could simply scroll the details to see them all.

The problem is I set the length of the scroll panel to accommodate the text in M1 design center but when it is viewed in test center or on an iDevice the scroll panel squishes everything to the viewable size of the panel. It scrolls but only as if you were always at the end of the scroll panel (springs back as soon as you let go).

I have set the panel to have a scroll bar and made the length too long for the content by 1/3.

Do you have any suggestions on how to make the scroll panel behave as designed in design center?

You can load the app into design center from “getappx10.coffeebreaknews.com” to see an example.

I am also having another unrelated problem on a different page that I would like your suggestions on.

I am trying to run a simple JavaScript game (Tic-Tac-Toe) on a M1 page. I have the game working properly on a web page but when I place it in a DIV on a m1 page it does not even show up.

Could you please explain how to do this in M1?

(I thought maybe with “removeattributes”?)

Thanking you in advance for your help,

Ted