StaffList Components with eSchoolView

tableofcontents WhyuseStaffListComponents?

Preparingyourstafflistdata

BuildingyourpagewithStaffListComponents

UpdatingandeditingyourStaffListComponents

Whyuse stafflist components?

Linkscomponenttips

CurrentStaffPage	StaffListComponents

Staffphotosdistorted?	Photosdisplaywithconsistent dimensions.
Troublewithconsistent

fontstyle?	 Move, addordeletestaff withoutaffectingformatting.
Reorganizingeverytime

there'sanewhire?	 Alphabetizeormanually organizeyourstafflists.

ProsandCons

Pros	Cons

Consistentfonts&sizesacrossentirestaff	Initialtimeinvestmentof page	1-3hours Easytoadd,removeandre-orderwithout	Asmallamountoftime affectingformatting	comparedtothebenefits! Optiontoautomaticallyliststaffmembersby
lastname Allstaffphotosdisplaywiththesamesize anddimensions
Onceinitialset-upiscomplete,maintenance isverysimpleandefficient

Preparing stafflist data

Step1:Determinestaffpagestructure.

Decidehowyouwantyourstaffpagelaidout.YouwillcreateDepartmentsbasedonyourchosenlayout.

GradeLevel

IfyouwantyourstaffpageorganizedbyGrade Level,createaDepartmentforeveryGrade
Level+othercategories.

Subject

Ifyouwantyourstaffpageorganizedby Subject,createaDepartmentforeverySubject
+othercategories.

Step2:CreateDepartmentsintheCMSAdminTool.

1.Click"AdminTool"inthe

Logindrop-down.

2.ClicktheSchoolName

button.

3.Click"Departments".

Step2:CreateDepartmentsintheCMSAdminTool. 4. Click "Add Departments".

5. Enter Department Name.

a.IMPORTANT: create aNEWdepartment name for each of your departments. DO NOT use pre-existing departments! Use consistent naming conventions.

6. Click "Save & New".

7. Repeat steps 5 & 6 until all departments are added. Click "Save" after your last department.

Step3:Download&Fill-InStaffTemplate.

1.Click "Admin Tool" in the Login drop-down.

2.Click "Master Staff".

3.Click "Bulk Import Staff".

4.Click "Download the Staff Template". A .aspx file will appearat the bottom of the screen.

Step3:Download&Fill-InStaffTemplate.

5. Open Excel. Click File	Open	Browse.

a.Be sure "All Files" is selected in the drop-down by the File Name field.

b.Click "Downloads" in the Navigation. Find the .aspx file "ImportStaff". Click "Open".

6. A warning window asks for confirmation to open. Say "Yes".

Step3:Download&Fill-InStaffTemplate.

7. Click "Enable Editing" once the file opens.

8. Save the file to your desktop. BE SURE to save as an ExcelWorkbook file with the name "ImportStaff".

Step3:Download&Fill-InStaffTemplate. 9.FillintheStaffTemplatewithyourschool'sstaffmembers.

Enterthefollowingasyou wantthemtoappearonthe StaffPage:

Title(ifdesired) Prefix/Suffix(ifany) FirstName LastName
EmailAddress:youMUST usethe@cusd.comemail, NOTthelongaddress! Capitalizethefirstletterof thefirstandlastname. BioInfo/Details:ifthe teacherhasawebsite,type "Website"(youwilladdthe linkslater)
onelineperwebsitethe teacherhas
Department:useKeysfrom thetopofthedocument

FOLLOWTHEDIRECTIONSCAREFULLY!

10.Whendone,click"Save".

DONOTusethesecolumns:

Middlename AnyHOMEcolumns CELLPhonecolumns

Step4:UploadStaffTemplate.

1.Click"AdminTool"intheLogindrop-down.

2.Click"MasterStaff".

3.Click"BulkImportStaff".

4.Click"ChooseFile".Selectthe"ImportStaff"Excelfileyoujustfinished.Click"Open".

Step4:UploadStaffTemplate.

5.Click"Import".Oncecomplete,an"ImportComplete!"notificationwillappear.

Step5a:MakeManualUpdates-WebsiteLinks.

1.Click"AdminTool"intheLogindrop-down. 2.Click"MasterStaff".
3.SearchfortheStaffMemberyouwanttoaddawebsitelinkto.Clickthegreen"Edit"buttonnext tothestaffmember.IFTHEREAREMULTIPLELISTINGS,CHOOSETHEONEWITHTHESHORT, @CUSD.COMEMAILADDRESS.

Step5a:MakeManualUpdates-WebsiteLinks. 5.IntheBio/Infosection,findwhereyoutyped"Website"whenpreparingtheExcelsheet.

a.Ifyouenteredmultiplewebsites,makesuretheyareonseparatelines.

6.Highlight"Website".Clickthehyperlinkicon.PastethewebsiteURL.Check"OpeninNewTab". Click"Insert".
7.Click"Save"atthetopofthepage.

Step5b:MakeManualUpdates-StaffPhotos.

1.Click"AdminTool"intheLogindrop-down. 2.Click"MasterStaff".Click"EditEntireStaff".
3.Scrollthroughstaffmembersuntilyoureachoneforwhomyouwanttouploadaphoto.Click"Edit". IFTHEREAREMULTIPLELISTINGS,CHOOSETHEONEWITHTHESHORT,@CUSD.COMEMAIL
ADDRESS.

Step5b:MakeManualUpdates-StaffPhotos.

5.ScrolldowntoStaffPhotosection.Click"ChooseFile".Navigatetowhereyourstaffphotosare andchoosethecorrectphoto.

6.Click"Save".

7.Repeatforeachstaffmember.Whenfinished,clickthe"UpdateAllStaffMembers"buttonat thebottomofthepage.

Building YourStaff PAge

Step1:Determinestaffpagestructure.

Decidehowyouwantyourstafforganizedineachsection:alphabeticallyormanually?

Alphabetically	Manually

Youcanmixand matchthetwo optionswithin yourStaffPage!

Organizeyourstaffineachsection alphabeticallybylastname. Example:Teachersbygradelevel,
department,etc.

Organizeyourstaffmanuallyto listtheminaspecificorder. Example:Administration,Office
Staff,etc.

Step2:CreateStaffPageListComponents.

1. NavigatetoyourStaffPage.Click"EditPage"atthetopofthepage. 2. AddaPageComponent.Choose"StaffList".
3. AddInternalName(willnotbeseenonthefinalpage). 4.AddComponentTitle(theheaderofthesectiononthepage). 5.Click"AddComponent".

Step2:CreateStaffPageListComponents.

6.EdityournewComponent.

7.UnderDisplayMode,select"BioList". 8.UnderNumberofColumns,select"2". 9.UnderShow/HideOptions,checkONLYthese:
MemberImage Evenifyoudon'thavestaffimages, selectthis!Theformattingwillauto-adjust.
Credentials

FirstNameFirst

DONOTselectany otherfields!

DONOTselect WebsiteURL.Thiswill showempty webpagesteachers
arenotusing.

Step2:CreateStaffPageListComponents.

A:ifyou'recreatinganalphabetizedlist:

10.UnderFilteringCriteria,choose"Select

Departments".

11.UnderSelectDepartments,checkmark

thedepartment(s)youwantdisplayedinthis

component.

12.Click"Save".

Step2:CreateStaffPageListComponents.

B:ifyou'recreatingamanually-

organizedlist:

10.UnderFilteringCriteria,choose

"SelectMembers".

11.UnderSelectMembers,findthe

staffmemberyouwanttoaddto

thelistandclick"Add".Repeatfor

eachstaffmemberyou'readding.

12.Usethearrowstoputthenames

inyourpreferredorder.

13.Click"Save".

Step3:ContinueUntilStaffPageisComplete.

ContinueaddingStaffList

Componentsuntilallstaffare

listed.

FromEditPageview,

componentscanbedragged

intoyourpreferredorder.

Ifyouwanttoaddsection

headersbetween

components,useasingle-cell

tableinaTextWindowand

placethecomponentinyour

desiredlocation.

Editing YourStaff PAge

AddingAnotherStaffMember

1.Click"AdminTool"intheLogindrop-down.Click"MasterStaff".Click"AddStaffMember". 2.Entertherequiredinformation.Addthestaffphoto.Assignthestaffmembertoadepartment. 3.Click"Save".Refreshthepageandcheckthattheywereaddedtotherightsection.
a.Ifnot,thesectionmaybe"manuallyorganized".Addthestaffmembermanuallyfollowing thoseinstructions.

DeletingAStaffMember

1.Click"AdminTool"intheLogindrop-down.Click"MasterStaff". 2.Searchforthestaffmemberyouwanttodelete.**Ifmultipleentriesappear,ONLYdeletethe
onewiththe@cusd.comaddress. 3.Clickthered"Delete"button.Confirmyouwanttodeletethatstaffmember.**Userswith
@cusd.comaddressesareNOTCMSusers,sodeletingthemwillnotaffecttheiraccess.

UpdatingAStaffMember'sDepartmentAssignment 1.Click"AdminTool"intheLogindrop-

down.Click"MasterStaff".Click"Edit EntireStaff".
2.Searchforthestaffmemberyouwant toupdateinthelist.Besuretoupdate the@cusd.comlisting.
3.Check/uncheckboxestoupdatethe assigneddepartment.
a.Shortdepartmentnameswillappear besidethebox.Longnameswill appearbelowthebox.Choosethe rightbox!
4.Click"UpdateAllStaffMembers"to saveyourwork.

KendraBurt DigitalMediaSpecialist

KendraBurt@cusd.com x79030