Styling external websites loaded in an iFrame


  • I was wondering whether it's possible to style the external contents of an iFrame to fit metro style guides? 

    I was lead to believe that this was an option, but can't find any documentation on what the proper way of going about this is? 

    Friday, July 13, 2012 12:29 AM

All replies

  • No you cannot

    Jeff Sanders (MSFT)

    Friday, July 13, 2012 7:02 PM
  • Then would it be possible to identify the browser as a Windows 8 app somehow within the web page and set a conditional stylesheet based on that? Does the browser leave a signature that would be identifiable as uniquely a metro app? 

    Would using a CSS [IE gte 10] work, is there something more specific that could pinpoint the app and not just the entire IE 10 suite? 

    • Edited by simonv3 Friday, July 13, 2012 8:17 PM
    Friday, July 13, 2012 8:16 PM
  • External web content is isolated from the application itself (by design).  If you wish to modify the server to recognize the UA header you could do that.  You can use Fiddler (http://fiddler2.com) to inspect the UA headers.

    Jeff Sanders (MSFT)

    Friday, July 13, 2012 8:28 PM
  • So, is it fair to assume that any iframe powered app will send the MSAppHost variable in the UA?
    Friday, July 13, 2012 10:27 PM
  • I am not sure what an 'iframe powered app' is.  Can you clarify?

    Jeff Sanders (MSFT)

    Tuesday, July 17, 2012 6:11 PM