Skin with bootstrap 3 doesn't display properly in IE8
Last Post 01/21/2014 9:27 PM by Terri. 4 Replies.
Author Messages
Tim Nguyen
Nuke Newbie
Nuke Newbie
Posts:5


--
01/01/2014 10:01 AM
    I found out that Due to CSS3 Media query is not supported by IE8, So skin with bootstrap 3 won't display properly as in other browsers...
    I did carry out a research for the solution and one of the solutions suggesting me to reference respond.js in the head tag of the page.
    I did try a few way to reference it in the head tag, But everything still not working properly in IE8 browser.

    Anyone can help me to figure out how to deal with this?
    Thanks a lot.
    Tim Nguyen
    Tim Nguyen
    Nuke Newbie
    Nuke Newbie
    Posts:5


    --
    01/02/2014 1:42 PM
    Well, the problem has been fixed. Only adding script block <script src="/Portals/js/respond.js" type="text/javascript"></script> in header section won't make bootstrap working on IE browsers. You also need to care about the cdv number as well. The script block should be like this: <br /> <br /> <script src="/Portals/js/respond.js?cdv=23" type="text/javascript"></script> <br /> <br /> I don't know what is the cdv number for, but I my case, I saw some of Script block inserted in header section by Dnn client resource management with cdv number is 23. So I just copy it. <br />
    Terri
    Nuke Newbie
    Nuke Newbie
    Posts:2


    --
    01/16/2014 5:01 PM
    Hi Tim,

    I am having the same problem with Bootstrap v3.03 applied as per tutorial not displaying the DDR menu in IE8 when viewed on a deskstop screen in DNN 07.01.01 Community version out of the box. Could you please advise what file the script block you have posted should be added to?

    Thanks,

    Terri.
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    01/17/2014 7:39 AM
    You can add the script to the skin file. If you download the "Tutorial References" file, you'll find default.ascx (the skin file) in the \\Complete\Skins\Bootstrap 3 folder. You can add a line right under line 8 just replacing "bootstrap.jS" with "respond.js". Place that in a js subdirectory of the skin subdirectory.

    The "home page" for respond.js seems to be https://github.com/scottjehl/Respond where you find more information.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Terri
    Nuke Newbie
    Nuke Newbie
    Posts:2


    --
    01/21/2014 9:27 PM
    Thanks Joe,

    This has done the trick and works well.

    Kind regards,

    Terri.


    ---