How to add a PDF or Download

Last Revised 1/31/19

1

Where to go when you need help:

Digital Communications Tool Training Portal on the cusd.com website

eSchoolView Help

Contact Leslie Ashford or Jonathan Mathis

http://www.cusd.com/communications-homepage/digcommtool/

Click the Help button up at the top bar when logged into your website

LeslieAshford@cusd.com; ext: 73031

JonathanMathis@cusd.com; ext: 79114

Guidelines for your Download Files

• Primarily include PDF files on your website, and less Word Documents or jpg images as a
download.

• ADA Compliance = American Disability Act. Make sure our PDFs are also RTFs so that we are
ADA compliant

• YES, RTFs download as Word Documents when someone accesses the file. We cannot
change this. Yes, they can edit, but they cannot upload or change the original file. It is so that the file is ADA compliant. Do not worry about this.

Downloads

01

components

02	03

Used for all PDFs / word docs (when necessary)

Creating RTFs

• Ensures we are ADA compliant

DO NOT

• Place your PDFs inside a Text Window component

You cannot add a PDF document to a Text Window Component.

Forget to click the RTF button while creating the PDF?

Instead, you must add a new component and change the type to Download

Follow the easy steps to fix this

Most common mistakes

Click “Edit Page”

Find a page on your website that you want to add a PDF to.
For example: a co-curricular page.

6

IF a downloads component doesn’t exist yet, click the “Add Page Component”.
If you want to add PDFs if multiple different areas of the page, you will have to add a new Downloads component for each of your areas. If you want the PDFs to be listed all in one place, you can do this all in the SAME component.

7

Select “Downloads” as your component Type.

You can write your internal name and public name now too.

*

WARNING: DO NOT try to attach your PDFs as a hyperlink file in a Text Window component.

You also may experience errors if you are trying to upload a PDF file into a Link component.

Click “Add Component” ***This component you just made
will add to the bottom of your components list.	8

Click Edit to go in and add your PDFs to this component

9

To add your PDFs, click Add A New Download

Download Title: Write the title you want displayed for the PDF.

If you are wanting the PDF to disappear or appear on certain dates, you can choose them here.

If you do want to add a description, the information will appear below the Download Title link on your webpage.

File: Choose your file from your computer here. Make sure it is a PDF.

Making your PDF an image/icon on the avoid	page instead of a text link?

If you want it to be an image of your PDF document, you must save as an image FIRST. See Downloads Component Tutorial for more.

*

you what to do.

Description:
	you
		
can leave this blank.

Did you forget to click the RTF
	
button?
	Pages 11-13 will show

IMPORTANT: Click this button here so that you are ADA
compliant.	11

Make sure this button is checked every time you add a download!

Click Save!

Are you uploading more than one PDF in this component? (These will appear as a list of PDFs/RTFs on your page)

Click the blue Save and New button. This will save your current upload and take you into uploading a new PDF right away, without having to manually go in again and add the new Download.

12

*

Forgot to create an RTF?!?!?!

Click the blue title of the PDF you uploaded,

After clicking save: Your PDFs with their RTF appear in a list.

To change the order in which they appear, you can hold an drag in their rectangle row and drag it to where you want it to be.
13

If you forgot to make your PDF an RTF:

After clicking the title of the PDF on the previous screen: scroll down and find the “Create RTF Version” button.

It will create an RTF for you. And will appear on the top on your list of Downloads. ***Any other change you made to your document will not save after clicking this RTF button.

Your RTF will appear at the top of the list. If you want to move it under your PDF file, drag it to change the order.

14

To see what the page looks like:

Click the X in the upper right corner of the editing box. This will show you the page your are working in.

Find the component you’ve been working in and see your PDFs.

15

• How to convert your PDF into a jpg.

• Adding a photo to your PDF

•

Part 2	•

This allows your PDF to show up on your page as either a large picture or a small thumbnail.

The image become clickable as the link to the PDF.

• Removing the photo from your PDF or RTF

• You don’t want the photo to appear twice.

• Decided you don’t want an image anymore? Here’s how to delete it.

* You may have PDFs on your page, but what if you also want to show a picture of the PDF flyer directly on the page too? Too make the image of that PDF show up on your page, you will need to convert your PDF to a jpg. That way you will have TWO files: 1 is a PDF, the other a jpg.

Follow these steps to convert your PDF to a .jpg image!

1 Open your PDF. It should open in Adobe Acrobat Reader

5
You have TWO options on how to upload your jpg version of the flyer. 1.	Add a new component to the page (Edit Page) and upload the
picture as an embedded image like you would normally upload photos.

2

Click File in the upper left corner.

3
In the dropdown, click Export To > Image > JPG

2.	Add this photo as a thumbnail to your PDF file. Follow slides 18 -24 to do this.

*	In order to stay ADA compliant:

4
Choose where you want your file to save. You should now have TWO files: 1 PDF format, 1 JPG format.

A picture (jpg) with information and text on it (like a flyer, etc) MUST still be uploaded to your page as a PDF AND RTF. Adding the jpg version allows the information to be present on the website page to be the information accessible right away, but You CANNOT only have a picture of the file. You must ALSO have a PDF and RTF of the file.

17

1

Click the pencil icon in the black bar above the component you want to edit (in this case, the downloads component)

2
Click the blue PDF file you want to add a picture to

18

You can edit any information about your pdf here.

To add an image of your PDF to appear 3 on your webpage, you must:

1.	Save your PDF as a .jpg by opening your PDF on your computer
2.     Click File > Export To > Image > JPG 3.     Save your image on your computer
where it is easy to find.
4.	Now you have a PDF and jpg version of your file.

***You are not limited to only adding an image of your PDF. You can also use icons, clipart, or other jpg images to associate your PDF upload with.

4
To make your image appear large on your webpage:
• Resize to 400 px

To have the image act as a small thumbnail on your webpage:
• Resize to 200 px

5
Click the “Resize Image” button

7	This button takes away the title and only uses the
photo. I suggest you keep it unchecked. 8
Because it is an image, you must include
ALT text for ADA compliance.

6
FINALLY, upload your image by choosing the jpg file on your computer.

19

9
Click SAVE

10

You’ll be brought back to the Edit Downloads Component window.

You can see that your PDFs are still listed here below.

11
Click this X to see what it looks like on your webpage.

20

*

200 px = Thumbnail size: great for clipart or pictures (ie: using the google classroom logo jpg as the PDF image rather than the actual PDF as an image) or giving a snapshot of your PDF

Warning: Each time you want to change your PDF image’s size, you must:
1.	Change the “Image Resize Width (px) size
2.	Click the “Resize Image” box
3.	THEN you can RE-UPLOAD the jpg using the choose file.

**You must reupload the image EVERY TIME you want to change it’s size.

21

*

Suggested**
400-500 px = Half Page size: great for your PDFs without taking up the whole page.

Warning: Each time you want to change your PDF image’s size, you must:
1.	Change the “Image Resize Width (px) size
2.	Click the “Resize Image” box
3.	THEN you can RE-UPLOAD the jpg using the choose file.

**You must reupload the image EVERY TIME you want to change it’s size.

22

860 px = Full Page size: Great for image heavy PDFs or flyers, or schedules (Bell Schedule or Sports Schedules).

**NOT suggested as it becomes HUGE in relation to the rest of the info on your webpage.

*

Warning: Each time you want to change your PDF image’s size, you must:
1.	Change the “Image Resize Width (px) size 2.	Click the “Resize Image” box
3.	THEN you can RE-UPLOAD the jpg using the choose file.

**You must reupload the image EVERY TIME you want to change it’s size.

23

Decided you don’t want an image anymore?

12 Go in to the editing of the PDF like before.

Click the Remove Existing Icon Box

13

Click Save

* NOTE:

If you are adding your image to your PDF when uploading the PDF all at one time, and then you click the RTF box on the bottom, it will attach the image to both the PDF and RTF on your webpage!

You don’t want double photos! To remove the RTF’s image, click the pencil icon for your Download component
and select the RTF from the list. Then follow steps 12-13 on this page.	24