locked
Adding CSS Control Adapters to existing site RRS feed

  • Question

  • User1934110594 posted

    Hi, I understand how to create a new website using the CSS Control Adapters template but how do you go about making an existing site use them? (Use CSS instead of tables)

    Wednesday, February 13, 2008 3:47 AM

All replies

  • User-656867934 posted

    There is no technical difference between the two. The only difference would be that you have to now go back through all of the pages you have created and update any markup\css so that your pages look good with the CSS Adapters installed. For example, if you had this:

    <table class="menu">
    ...

    and it changed to this:

    <div class="AspNet-Menu">
    ...
    You would want to change your css from table.menu to div.AspNet-Menu
    Thursday, February 14, 2008 6:02 PM
  • User-1773948845 posted

     1. download the sourcecode from the link. http://www.asp.net/cssadapters/ and the install the vsi so that the necessary templates are added to vs 2005.

    2. use vs2005 , create a new site using cssfriendlyadapters Templates. for more help Please look the following link http://www.asp.net/CSSAdapters/WalkThru/WalkThrough.aspx

    3.Open the site and  Press F5 to run the local copy of the site. From this newly created site copy the following folders to your existing application where u want to install cssadapters.

    a) App_browser b) App_Themes c) CSS d) Javascript. No need of coping App_code directory as we have a "dll" which we can just place it in the "bin" directory.

    4. Go to the following link and download the "cssfriendly.dll". http://www.codeplex.com/cssfriendly/Release/ProjectReleases.aspx?ReleaseId=2159

    5. Now copy the "dll" to bin folder in your existing application.

    6.Now add a web page to your existing application

    7. See for the sub heading  "Build a Simple Page that Can Use the Kit's Adapters" in the link http://www.asp.net/CSSAdapters/WalkThru/WalkThrough.aspx

    so that u can refer a stylesheet in your page and add the stylesheet to your page.

    8. Now add a treeview control to your page and also a sitemap file.

    9. Now modify the Pages attributes

    stylesheetTheme ="Enhanced"

    Run the application u should be able to get the treeview

    Hope it helps

     

     

    Tuesday, February 19, 2008 7:13 AM