I'm creating a web-based interface for a number of internal web applications. They are all embedded in an iframe for access.
Sometimes I have to allow the iframe to be displayed in full screen to give as much space as possible to an embedded app on the screen.
What I want to do is close the full screen button when the iframe is in full screen mode. I can superimpose one well, and it works that way. Visually, however, I'm faced with the fact that the apps all have different layouts – so there's no perfect place to set the close button for all apps. I'd like the close button ideally to be in the same place for a consistent user experience.
I should add a big condition: this is on a touchscreen terminal, and the user does not use a mouse. Otherwise, I would only have a mouse movement to one edge of the screen to expose the close button, just as a full-screen web browser in Windows releases the topmost interface when the mouse is moved to the top of the screen.
I can think of different scenarios to do this, but here I ask if anyone has found an earlier UI design pattern to deal with this type of situation.