Skip to main content
BOOK A DEMO

Search

Links to any samples of CSS formatting

ArdeviaForum
  • Discussion Created

Original Post by RickS (Imported from Ardevia Forum)

Do you have any links to how things can be styled via css? I'm specifically looking for setting tab backgrounds, separating/grouping like items with colors etc.. I'm afraid if I spend time inserting styles, they would be wiped out with a change or edit...thanks!

0

Comments

1 comment

Date Votes
  • 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.