Skip to main content
Home  › ... Get Started › Installation

Install 2shine Bootstrap5 in DNN

 
There are two ways to get started with 2shine. The first is simpler and recommended for beginners, while the second is more advanced and suited for experienced users. Before starting the installation, it is advisable to download DNN. For instructions on downloading and installing DNN, visit their official website.

Install 2shine in the Dnn UI...

For this method, you are required to have a DNN installation running. You can easily set one up locally on your computer with tools like nvQuickSite.

  1. Go to the 2shine Releases on Github and download the ZIP file provided there.
  2. In your running DNN instance:
    1. Go to Settings
    2. Go to Extensions
    3. Click on the Installation Extension
    4. Then drag and drop your ZIP file into the interface or search for it in the file explorer  
Text.First(imgItem.ImageCaption, imgItem.Title)

...or Git Clone the Skin

  1. Go to your DNN Root /portal/_default/Skins
  2. Open the Skins folder in your console (eg. Right-click and select "Open with PowerShell" or "Open with Command Prompt")
  3. Clone the 2shine theme repository into this folder using the git clone command:
    git clone https://github.com/2sic/dnn-theme-2shine-bs5 dein-gewünschter-ordner-name
  4. Detach from the upstream repository by deleting the .git folder (you need to do this because you shouldn't send changes back to the master git repo). 
    PowerShell: In the root folder of the skin, run: rm -r -fo .git
  5. Initialize a new repository (to ensure you can keep version-changes as you work). Use VS Code or with the console and run: git init

 

Also Git Clone the Containers

  1. Go to your Projects _default folder
  2. Go to Containers 
  3. Open the Containers folder in your console with one of the methodes described above 
  4. Clone the 2shine container repository into this folder wiht the git command:
    git clone https://github.com/2sic/dnn-container-2shine-bs5 "2shineBS5"

The container folder must really be called 2shine BS5 because the skin has that name as the default container. If you would want to change the name of the folder of the container you would have to go to the theme-body.ascx file and change the references there.

Text.First(imgItem.ImageCaption, imgItem.Title)