Skip to main content

Search

Links to any samples of CSS formatting

Comments

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 http://jqueryui.com/themeroller/ and design your tabs (e.g. http://take.ms/9HCBv )
         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 http://take.ms/kIels )

     

    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

    Code:

    <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 http://take.ms/y2fG0)

     

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

    0

Please sign in to leave a comment.