Part III: Copy Custom jQuery UI Folder onto Server

In this part, the folder with the theme’s name is copied into a cache section on the server.  The folder is placed alongside the default themes provided with the Application Designer, located on the web front end server, within the
C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\AppDesigner\Content-Cache\Apps\ApplicationDesigner\css\1.8.10\themes directory.  In a Farm installation, this work will need to be performed on all web front end servers.

1.  On the web front end server, navigate to the following directory:
C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\AppDesigner\Content-Cache\Apps\ApplicationDesigner\css\1.8.10\themes

2.  Create a new directory, based on the name of the theme.  Make a note of the directory name as it will be used in step 21.

3.  Place a 90 pixel by 90 pixel PNG image into the directory.  The file must be named theme_90.PNG and will be displayed in the Application Designer’s Design Canvas theme selection page.

4.  Copy the contents of the custom theme from the decompressed ZIP in Part II into the new directory.  The contents to be copied into the new directory is the folder with the custom name (where the jquery-ui.css file was renamed).

Title: Theme Files - Description: Theme Files

5.  Repeat these steps on all web front end servers.