Getting CSS content to run correctly in an iFrame, or PageView Webpart in SharePoint.
Posted on 2015-02-08
I am attempting to get an HTML page with attached CSS to run within a SharePoint page. Ideally, I would like to save the html file in a document directory, and point pageview web parts at the file from different locations within a SharePoint portal. The page loads and runs perfectly outside of SharePoint, and it uses the CSS checkbox hack to update the visible content of a page when a user clicks on a checkbox label.
Within SharePoint, the checkbox label select is not registered, and the style information within the <div> with conent is not read. My question is, is there a way to get the page content within an iFrame, or pageview web part to be seperate from the SharePoint page styles. Clearly, the style settings within the portal page are getting higher priority, but also, the checkbox technique is not working either.
I understand that getting pseudo classes on non anchor tags can be a problem in SharePoint, but I thought that it would be possible to do this with iFrames.