Hi,
I have an embedded Excel workbook here
http://www.myonlinetraininghub.com/interactive-excel-web-app-dashboard
which is not showing up quite right since I changed to Epik/Genesis. There were two issues and I have fixed the first but not the second.
Firstly (just for reference) the Epik box-sizing was affecting the way the cells in the workbook appeared. I cured this by inserting this code at the bottom of the page
<style>
* ,
input[type=”search”] {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
</style>
The remaining problem is that when you click into the ‘Choose User’ cell (which reads ‘Bob’ to start with), a down-arrow icon should appear just to the right of the name Bob.
You can see the old web design here and can see that the workbook is displaying correctly.
http://mothstaging.myonlinetraininghub.com/interactive-excel-web-app-dashboard
When you click on the username (Bob) the down arrow icon appears. When you click elsewhere in the workbook the down arrow disappears.
With the new site design, you can click on the username box and even though the down arrow icon does not appear, if you click where the down-arrow icon should be, the workbook does work, as you get a drop down list of usernames appear.
So, something is stopping this down-arrow icon appearing. If you inspect the code and find the link in the header to the Epik stylesheet, then delete that, the down-arrow icon now appears/disappears as it should. My conclusion, something in the Epik stylesheet is causing this issue, I just don’t know what.
As another test I created a bare bones html page with the embedded workbook and that works fine too
http://myonlinetraininghub.com/moth.embedded.html
Any help greatly appreciated.
Regards
Phil
.