none
Quick launch style

    Question

  • Please hekp me on this.

    I got a beautiful quick launch after applying this code.

    div #s4-leftpanel-content
    {
    margin-left: 8px;
    margin-top: 8px;
    border: 1px solid rgb(79, 129, 189);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    ;
    }

    QL

    but not IE8 or earlier IE8(IE7,6) browsers.

    CSSpie will be helpful if you have access to the layouts folder.I dont have access on that.Any Jquery or something like that?


    Like Cricket

    Saturday, July 13, 2013 9:14 PM

Answers

  • Hi,

    I understand that you want to add rounded corner for quick launch. The border-radius is supported until IE9. When it comes to earlier version of IE, you need to change the style.

    1. Download CurvyCorners.js and upload it to a document library.
    2. Add these code on the page instead of the style :

    <script type="text/JavaScript" src="/Documentlibrary1/curvycorners.src.js"></script>

    <style>

    div #s4-leftpanel-content

    {

    margin-left: 8px;

    margin-top: 8px;

    border: 1px solid rgb(79, 129, 189);

    border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    }

    </style>

    For more information, please refer to this site:

    Can I use CSS3 Border-radius?: http://caniuse.com/border-radius

    CSS Rounded Corners: http://davidwalsh.name/css-rounded-corners

    Thanks,

    Entan Ming

    Entan Ming
    TechNet Community Support

    • Marked as answer by spguy2012 Tuesday, July 16, 2013 6:07 AM
    Tuesday, July 16, 2013 3:12 AM

All replies

  • Hi,

    I understand that you want to add rounded corner for quick launch. The border-radius is supported until IE9. When it comes to earlier version of IE, you need to change the style.

    1. Download CurvyCorners.js and upload it to a document library.
    2. Add these code on the page instead of the style :

    <script type="text/JavaScript" src="/Documentlibrary1/curvycorners.src.js"></script>

    <style>

    div #s4-leftpanel-content

    {

    margin-left: 8px;

    margin-top: 8px;

    border: 1px solid rgb(79, 129, 189);

    border-radius: 20px;

    -moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    }

    </style>

    For more information, please refer to this site:

    Can I use CSS3 Border-radius?: http://caniuse.com/border-radius

    CSS Rounded Corners: http://davidwalsh.name/css-rounded-corners

    Thanks,

    Entan Ming

    Entan Ming
    TechNet Community Support

    • Marked as answer by spguy2012 Tuesday, July 16, 2013 6:07 AM
    Tuesday, July 16, 2013 3:12 AM
  • Superb...excellent :)

    Like Cricket

    Tuesday, July 16, 2013 6:07 AM