Skin Projects

Implementing these steps will allow you to work on your skin project code outside of your website. When you build in Debug mode, it will copy all files into your website. When you build in Release mode, the files will still be copied, but it will also create an Install package for you to use to install this skin package on other DNN instances.

This project will likely create a DLL as well, but the build scripts will ignore them at this time.

Steps to Implement

Add one folder for each of your skin projects and place the applicable project files inside of each folder.

skin-structure.png

Within each folder, your skin files and container files should be segmented into a Skins folder and Containers folder, respectively.

skin-files-structure.png

Add the Skin.build file found in the Skins folder to each project.

If you do not already have a project file, add the Sample-Skin-ProjectFile.csproj file to your project and rename it to reflect your skin package name. You'll find this in the Skins folder of the starter kit.

If necessary, edit the project file for your skin in your favorite text editor to add the following lines seen below.

<ItemGroup>
	<Content Include="Skin.Build" />
</ItemGroup>
<Import Project="Skin.Build" />

skin-build.png

If this is your first time putting this project together, you'll need to Include Files in Visual Studio to make the skins and containers folders show. Do this by choosing the Show All Files option, and then right-click on the respective folders and files that you want your project to have included.

Last edited Feb 9, 2014 at 9:24 PM by hismightiness, version 5