Skip to main content


Links to any samples of CSS formatting


1 comment

  • ArdeviaForum

    Original Post by Andrii Katsiubka (Imported from Ardevia Forum)

    You can easily design tabs with jQuery UI Theme Roller.


    1. Go to and design your tabs (e.g. )
         Click "Download theme" button when you finish designing.


    2. On download page select 1.10.4 (Legacy, for jQuery1.6+) jQuery version and uncheck all checkboxes except Tabs under widget group. Then press "Download" button ( see )


    3. Extract zip archive. After extracting you will find css file under location \css\<YouThemeName>\jquery-ui-1.10.4.custom.min.css
        Upload this file to document library in your web site (you can use existing library or create new one)

    4. Add Script editor webpart to form which you want to design. Insert code below to Script editor


    <link rel="stylesheet" href="link-to-your-css-file"/>



    Replace link-to-your-css-file with link to your css file and save the page (e.g


    P.S. In edit page mode its looks not nice, but in normal mode looks pretty good


Please sign in to leave a comment.