iFrame Form Issue

[justjim1220]

@bugman61

I’m not seeing anything wrong with what you’ve posted thus far…

for html code, add a space after the first <

< button data-video-src="modules/MMM-MyVideoPlayer/videos/video_one.mp4" class="button">
   <img class = image src="modules/MMM-MyVideoPlayer/posters/one.jpg"></button>

[bugman61]

@justjim1220 said in iFrame Form Issue:

@bugman61

I’m not seeing anything wrong with what you’ve posted thus far…

for html code, add a space after the first <

That gets me this:

The tags for all the buttons are completely identical except for the text label and the value which is a combination of the row id and A, S or R. I would suspect it has something to do with the page being in an iFrame and/or the browser used by MM.

[bugman61]

I have changed the layout a bit and went with smaller + and - buttons on one line. So the required line break no longer messes with the appearance. It’s still very perplexing as to why the one single button never works in the MM.

[broberg]

@bugman61

If the same code works in any another position but there I’m guessing that either you have something “above” the buttons that hinders it to be clicked on or you have a formatting error somewhere that renders the buttons not clickable/functioning.

[bugman61]

Just to follow up on this, it appears that the issue had something to do with interaction between MMM-Carousel and MMM-iFrame-Ping. The form worked fine with the iFrame module displayed on its own, the issue only presented when it was part of a slide within MMM-Carousel. I have switch my mirror around to use MMM-OnscreenMenu instead and the form behaves as expected now.