Submit a ticket My Tickets
Welcome
Login  Sign up
Open navigation

How to Add Digital Downloads to your Learning Activities

LearnWorlds gives you the option to upload one or more files of your choice from your computer and offer them to your users in any learning activity you wish as extra material. Digital downloads are ideal for providing extra resources with supplementary material for your students, or for example, for including worksheets for your students to download.


You can follow these steps to add a digital download:

1. Hover over the learning activity you want to add your file(s) and click on Settings.

2. When the sideform pops up, click on Add digital download, browse the file from your computer and click on Open.

Once the file is successfully uploaded you will see its title. If you want to upload more files you can click on Add digital download.


3. If you hover over the file, you can edit its title by clicking on the edit (pencil) button.

4. When you fill in your new title, click on OK

5. In case you change your mind about the files and you want to delete them, hover over their title and click on the delete button. 

Once your users enter the course player, they will notice a green square with a paperclip on the right corner of the page and a paperclip icon below the title of your learning activity on their path which will inform them about the downloadable file you offer.


If your users click on the paperclip icon on the far right, a menu will expand on the top of the screen. They can just click on the name of the file and download the attachment.

Notes: 

  • The supported digital download files are up to 20 MB and only Latin characters in the title of the files are supported. (special characters like â, è, ü, etc are not supported).
  • Digital downloads are additional, complementary files and not the main learning content. Always make sure to add your learning material according to the learning activity you have created, as described here.
  • You can change the Digital Download's icon size, shadow, and background, using the following, under <style> (css) for built in pages (i.e social, profile, workpad, my account) in your Custom Code.


Icon Size

/*change the icon's size*/
.slug-path-player .-second-col-content .unit-attachments-wrapper-icon:before {
width: 25px;
height: 25px;
background-size: 15px;
}

Add Shadow and change icon's Background Color

/*add shadow and change the icon's background*/
.slug-path-player .-second-col-content .unit-attachments-wrapper-icon {
    box-shadow: #97979782 -4px 4px 10px 1px;
    background: #ffffff;

Change Background Color 

/*change background color*/
.slug-path-player .unit-attachments-wrapper.white #unitAttachments { background-color: rgba(250,250,250,0.8); }

Note: You can adjust the opacity of the background color, by changing the value 0.8 under the background-color

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.