How could I add an "unsupported browser warning" for Confluence comparable to that of JIRA?

We have noticed with the latest versions of Confluence and JIRA in our company the following:

  • When I open JIRA in IE8, I get an "unsupported browser warning" in the window (JIRA 6.3.15).
  • When I open a Confluence wiki page (or anything else) in IE8, the page is broken, but there is no warning at all (Confluence 5.7.1)

I would like to know what the best option could be to get a similar behavior for Confluence. Especially the following questions are here relevant:

  • Where to add the code: I know the site and content layouts, where is the best place to add it?
  • How to add it: Just edit the layout, are there any drawbacks, how about updating the versions?
  • What to display: What is the best Confluence / HTML source code to add here?

 

As background: our company has (for the next 6 months) set IE8 as default browser, and a lot of users experience problems they cannot solve on their own.

Here are the screenshots that show the difference.

IE8-confluence.png

Confluence screenshot

IE8-jira.png

JIRA screenshot

 

1 answer

Hi,

We have run into the same issue and what I did was just send out an alert on every page to the user if they are using IE8 or lower. We have a custom theme so I added the javascript code there but you can also add it to the custom html section in the admin area. We also have users in different countries so I also check to see what language they have their browser set to and display the alert in the appropriate language.

Here is a link to the browser detection code I found and  am using. You may just have to customize it to your needs but it works well:  https://gist.github.com/nardev/4093811

Thank's for the hint, but it is only a part of the solution. I need additionally (and will add that to the question): where to add the code, how to add it, what to display.

I can help you with the where to add it and how to add it part, but what to display is up to you. First off you have to be a confluence admin to do this since you need permission to the admin area of confluence. 1) Click on the gear in the top right and select "General configuration" from the drop down 2) Scroll down until you see "Custom HTML" on the left side of the page under LOOK AND FEEL heading 3)Click on "Custom HTML" which should bring you to a page with three text areas 4)Click "Edit" at the bottom 5) Enter the following code in the text area labeled "At the end of the HEAD" (first textarea box on page) <script type="text/javascript"> var ie = (function(){ var undef, v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->', all[0] ); return v > 4 ? v : undef; }()); if(ie < 9){ alert("This site only supports Internet Explorer versions 9 and up. ADD MORE TEXT HERE IF YOU LIKE......"); } </script> 6) Edit the alert message to whatever you like Let me know if that works for you.

Suggest an answer

Log in or Sign up to answer
How to earn badges on the Atlassian Community

How to earn badges on the Atlassian Community

Badges are a great way to show off community activity, whether you’re a newbie or a Champion.

Learn more
Community showcase
Posted Jul 10, 2018 in Confluence

We want to see the templates you've created in Confluence!

Hi Community, Jessica here from the Confluence Product Marketing team!  July’s community challenge is all about sharing pictures  — and as an extension of our first post on what ...

867 views 23 12
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you