none
IE 11 not auto-recognizing browserconfig.xml RRS feed

  • Question

  • I am trying to make customized tiles for windows 8 IE 11 based on this document: https://msdn.microsoft.com/library/dn320426(v=vs.85).aspx

    It says " If a webpage does not specify a browser configuration file, IE11 automatically looks for "browserconfig.xml" in the root directory of the server"

    I've configured browserconfig.xml to the root of my website, but without adding 

    <meta name="msapplication-config" content="IEconfig.xml" />

    The proper tiles don't show up. I don't want to clutter my page with this line since there are over 100 pages. How can I make the auto-detection of browserconfig.xml work? Is there a workaround?

    Wednesday, May 6, 2015 8:55 PM

All replies

  • Hi,

    have you deployed your site to a domain yet or are you still testing from Visual Studio (f5)? You need to publish your site to localhost or a domain on your network to test. Make sure you republish the browserconfig.xml file you change it and delete any existing tiles/pinned sites on the Start page or tasks bar.

    You should also add the Pinned site taskbar meta tags to support IE9 and higher, but also Win8x also allows pinning to the task bar instead of the Start page.

    You should also consider adding apple application meta tags and opengraph meta tags for iOS and Android users.

    I am on win7 at the moment and I will post back with a working example. You could also go to iegallery.com and look behind the pinned sites listing to see how the listed sites are deployed from a third party domain (iegallery.com).

    depending.... I usually place the Pinnedsite meta tags only on the site landing page. You can place add to jump lists meta tags on all other pages to allow users to add those pages to the pinned site's jump lists. For enterprise deployment you may want to have a centralized 'gallery' of intranet pinned sites (similar to iegallery)

    To avoid confusion please include a link to your website or a publicly accessible link to a mashup with your questions.

    Regards.


    Rob^_^



    Thursday, May 7, 2015 12:01 AM
  • mmm.... from memory I too gave up on the browserconfig file....here is what works for me.

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <link rel="shortcut icon" href="smallTile.png" type="image/png"/>
    <meta name="application-name" content="Leela"/>
    <meta name="msapplication-TileColor" content="lime"/>
    <meta name="msapplication-TileImage" content="smallTile.png"/>
    <meta name="msapplication-starturl" content="Default.aspx"/>
    <meta name="msapplication-tooltip" content="Leela"/>
    <meta name="msapplication-navbutton-color" content="#000000"/>
    <meta name="msapplication-window" content="width=3000;height=3000"/>
    <!-- Jump List -->
    <meta name="msapplication-task" content="name=home;action-uri=LeelaTT.htm;icon-uri=smallTile.png"/>
    <!-- Win 8+ tiles -->
     <meta name="msapplication-square70x70logo" content="tiny.png"/>
     <meta name="msapplication-square150x150logo" content="square.png"/>
     <meta name="msapplication-wide310x150logo" content="wide.png"/>
     <meta name="msapplication-square310x310logo" content="large.png"/>
    <!-- win 8+ title notifications -->
     <meta name="msapplication-badge" value="frequency=360;polling-uri=http://ietestdrive2.com/PinnedSites/TweetCounter/microsoft/360" />
    
    <!-- Open Graph -->
    <meta property="og:site_name" content="Leela"/>
    <meta property="og:audio" content=""/>
    <meta property="og:description" content="Learn Leela."/>
    <!--<meta property="og:determiner" content="The word that appears before this object's title in a sentence"/>
    -->
    <meta property="og:image" content="smallTile.png"/>
    <meta property="og:locale" content="en_US"/>
    <meta property="og:locale:alternate" content="An array of other locales this page is available in"/>
    <meta property="og:site_name" content="Leela"/>
    <meta property="og:title" content="Leela"/>
    <meta property="og:type" content="Tool"/>
    <meta property="og:url" content="leelaTT.htm"/>
    <meta property="og:video" content=" A URL to a video file that complements this object "/>
    <!-- apple -->
    <link href="square.png" rel="apple-touch-icon-precomposed" sizes="144×144"/>
    <link href="square.png" rel="apple-touch-icon-precomposed" sizes="114×114"/>
    <link href="tiny.png" rel="apple-touch-icon-precomposed"/>
    
    

    You can also see http://www.nytimes.com/?WT.z_jog=1


    Rob^_^

    Thursday, May 7, 2015 4:21 AM
  • Okay, thanks Rob! Yeah I got it working by adding the meta tags directly into the page. I just can't get it to work with the defaulting rule.

    Thursday, May 7, 2015 9:28 PM
  • Hi Rob,

    Follow up question: Is there a limit where the icon doesn't work on secure pages? I've talked to our designers and they've agreed that we can try to only put this in our main landing page and the signin page, and I can't get the pictures to load no matter what path I put in the content. (it is working on the main home page) The only difference I can see is that the main page is http, but the sign in page is in https.

    I can't show you the website since I am only testing them on internal test environments.

    Friday, May 8, 2015 10:12 PM