---
title: iOS 5.0 update fixes WebCenter Spaces mobile Safari issues
description: iOS 5.0 update fixes WebCenter Spaces mobile Safari issues
---

[Blog - TEAM IM ](https://www.teamim.com/blog)

# [iOS 5.0 update fixes WebCenter Spaces mobile Safari issues](https://www.teamim.com/blog/2011/11/08/ios-5-0-update-fixes-webcenter-spaces-mobile-safari-issues)

 Written by [teaminformatics](https://www.teamim.com/blog/author/teaminformatics) | November 8, 2011 at 6:38 PM

By: Nick Olmsted

<https://www.teamim.com/hubfs/Imported_Blog_Media/blog-image.jpg>

Before the latest iOS 5.0 release the only way to view your WebCenter Spaces application without getting javascript errors was through the  
 Spaces native iPhone app available on iTunes. This worked great but it didn’t allow you to share that custom Spaces template you have spent so much time on. Apple must have beefed up the javascript engine within the Safari mobile browser with the latest iOS 5.0 update. With the update you should now be able to navigate to your WebCenter Spaces 11g application and be able to view it within the mobile Safari browser without any javascript errors (excluding any  
 customizations).  All of the Spaces functionality should now work within the mobile Safari browser such as your space’s wikis, blogs, announcements,  
 discussions, and viewing content. Hopefully now that Apple has updated their mobile javascript engine the other major mobile platform browsers will follow  
 suit.

Now that we have the mobile browser support (at least on iOS devices) the next step we will be doing in our implementation is applying some  
 changes to our custom template to maximize the viewing experience on an iPad. To accomplish this we will be using CSS3 media queries and adaptive design  
 techniques. Using CSS3 media queries we will be able to keep a single template and adjust the styles being used based on the end user’s device (i.e. Desktop,  
 phone, tablet). They will then get a viewing experience that will match that device and allow users to get at the functionality easily within the site independent  
 of the device used.

Here are some useful links on CSS3 media quires and adaptive design:

[http://html5boilerplate.com/](http://html5boilerplate.com/)

[http://code.google.com/p/css3-mediaqueries-js/](http://code.google.com/p/css3-mediaqueries-js/)

[http://richardshepherd.com/css-media-queries-jquery/](http://richardshepherd.com/css-media-queries-jquery/)

[http://www.alistapart.com/articles/responsive-web-design/](http://www.alistapart.com/articles/responsive-web-design/)

[http://www.johnbrunswick.com/2011/09/e2-0-workbench-podcast-6-%e2%80%93-webcenter-portal-mobile-templates-using-adaptive-styles/](http://www.johnbrunswick.com/2011/09/e2-0-workbench-podcast-6-%e2%80%93-webcenter-portal-mobile-templates-using-adaptive-styles/)

Here is some more information on the WebCenter Spaces 11g iPhone application

[http://www.oracle.com/technetwork/middleware/webcenter/iphone-163241.html](http://www.oracle.com/technetwork/middleware/webcenter/iphone-163241.html)

[View full post](https://www.teamim.com/blog/2011/11/08/ios-5-0-update-fixes-webcenter-spaces-mobile-safari-issues)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "teaminformatics"
  },
  "dateModified" : "2018-08-16T15:34:28.936Z",
  "datePublished" : "2011-11-08T18:38:17Z",
  "headline" : "iOS 5.0 update fixes WebCenter Spaces mobile Safari issues",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.teamim.com/blog/2011/11/08/ios-5-0-update-fixes-webcenter-spaces-mobile-safari-issues",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Blog"
  }
}
```