Upgrade to 7.1.1 Theme Not compatible with Internet Explorer 9 or younger

💬 General Discussion
1

Due to compatibility issues with another application, we have not updated our users beyond Internet explorer 9. We had no idea until after the upgrade to 7.1.1 that the hover menus aren’t visible in IE9. (I use safari and didn’t even consider it wouldn’t work on IE9). Any suggestions on how to make it compatible ?

2

Hi there,

There will be theme fixes which will address all highlighted issues in the next release.

Thanks,

Will.

3

Hi Dgreene

We had the same issue with an in-house application and IE 9 where the application only runs on IE 9. I just change the following line (position:fixed) to (position:float) in the style.css under suitecrm/themes/suite7/css/style.css and it’s working 100%. The record is on line 4163 in my code editor. Once you’ve made the change just delete theme7 directory in suitecrm cache file and also clear the browser cache and you should be ready to go. You will now be able to apply your own colors as per the new Theme Settings in the Admin Module.

Hope this helps

Please note that the change is not upgrade safe but.

/* Header CSS */

#header {
position:float;
top:0px;
width:100%;
background: #333333; /* Old browsers /
/ IE9 SVG, needs conditional override of ‘filter’ to ‘none’ /
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjEyMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #333333 0%, #121212 100%); / FF3.6+ /
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#121212)); / Chrome,Safari4+ /
background: -webkit-linear-gradient(top, #333333 0%,#121212 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, #333333 0%,#121212 100%); / Opera 11.10+ /
background: -ms-linear-gradient(top, #333333 0%,#121212 100%); / IE10+ /
background: linear-gradient(to bottom, #333333 0%,#121212 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#333333’, endColorstr=’#121212’,GradientType=0 ); / IE6-8 */
height:35px;
border-bottom:4px solid #f10202;
z-index:50;
}

/* Table CSS */