Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS
Working with navigation menus in SharePoint 2010 Global and Left Navigation
Contents Working with Navigation menus...... 1 Global and Left Navigation ...... 1 Information Architecture ...... 2 Step 1: Analyze your audience needs, site goals and competitive analysis ...... 3 Step 2: Generate a list of content and functionality for your site ...... 3 Step 3: Define the navigation and build out site...... 3 Global Navigation (the top menu bar) ...... 5 Sort Global Navigation Links ...... 5 How to Show or Hide Global Nav Links...... 7 How to Add Custom Links to Global Navigation ...... 9 How to Add Multiple Links under Headings to Global Navigation ...... 12 Current Navigation (The left menu) ...... 16 How to Sort Current Navigation Links ...... 17 How to Show or Hide Current Navigation Links ...... 19 How to Add Custom Links to Current Navigation ...... 21 How to add multiple links under headings to current navigation ...... 24 Active State on Menu Items ...... 29
Working with Navigation Menus Office of Information Technology UNIVERS ITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS
The site navigation is the primary way that your site users navigate through your website content. In SharePoint 2010, the site navigation is generated dynamically by the sites, subsites and pages you create in your website.
Business School UC Denver I Black board I UCDAcce-ss I e College l W ebmail UNIVERSITY OF COLORADO DENVER Busine.ss School
Academic Degree Programs Fue l your career wit h a business degree The University of Colorado Denver Business School grants Bachelor of Science, MBA, Master of Science and PhD degrees that fuel careers. The Business School works with the business community to
Information Architecture Information architecture is how you structure and organize your website information into a site hierarchy that most site users will understand.
Homepage Se cti o n 1 Se ction 1 . 1 Se ction 1 . 2 Se cti o l 2 Se ction 2 . 1 Email Find a Resource Se ction 2 . 2 Ne wsletter Co nsultant Center Se ction 2 . 2 . 1 Se ction 2 . 2 . 2 Se cti o n 2 . 2 . 3 Sign-up Consultant Library Se ction 2 . 3 FAQ Se ction 2 . 'l Se cti on 3
Source: http://www.webmonkey.com/tutorial/Information_Architecture_Tutorial_- _Lesson_4
Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS
Step 1: Analyze your audience needs, site goals and competitive analysis Start with these questions: • Who is your site audience? What are their needs?
• What are the short- and long-term goals for your site?
• What content and functionality is needed for the site to address your goals and audience needs?
• Complete a competitive analysis. Review competitor websites and evaluate what features, content, navigation, look and feel, page layout, and functionality they provide. Are these things your site should have?
Step 2: Generate a list of content and functionality for your site Use your needs of your audience, site goals, and competitive analysis to generate a list of all content and functionality that should be included in your site. Start with a simple content outline that includes the functionality to start grouping and organizing the content. • About Us
o Mission Statement
o Staff and Faculty
o Location (Function: Google map link that shows location)
o Contact Us (Function: contact us form to collect user information)
• Programs
o How to Apply (Function: online application form)
o Undergraduate
o Graduate
• Events and Activities
After some fine tuning this list will become your information architecture blueprint for what content needs to be written and how to organize your website.
Step 3: Define the navigation and build out site. Look at the main sections that you have listed in your content list, these could be ideal for the global navigation at the top of the site (example: Home, About Us, Programs, Events and
Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS
Activities). The local navigation shows the supporting sites or content for the main global navigation sections (example: Mission Statement, Staff and Faculty, Location, Contact Us).
Build out your SharePoint 2010 sites, subsites and content based on the information architecture blueprint you created.
Working with Navigation Menus Office of Information Technology UNIVERSITY OF CO LORADO DENVER I ANSCHUTZ MEDICAL CAMPUS
Global Navigation (the top menu bar) The global navigation is the top link bar in the navigation menu that typically links to the main sites located below the current site.
Business School UMIV&~ttV 0< C0.O1111'0O DlkVI II
Sort Global Navigation Links To sort the global navigation links in your site: a. Click Site Actions, and then click Manage Content and Structure
b. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings 8acx ID 'Busness Schoo" ~ Sit e Settings • Site Content and Structure
~ Relrfih ~ item ~ Sd1ool "" ti -. Schools MCI C'*ges @ Navigate,Up New .. Actions • ~ R-.. &ol!it.cs n IU!Wnt:e Q: Twe Title s h i Bu91ess School I El R.,, AboutUs
Q)Cn Link f'I New wndow 1111'1 C.0,,tact lhe Webma:ter ter El .. New s El R-.. Degree Programs Dele!!: h i Faculty and R~ct, X arch ; El Lou Copy ••• El R-.. Ne\\'$
c. In the Site Settings window select Navigation under the Look and Feel Section Usel'$ ;ind Perm1s.s,ons Look ""cl Feel ~e•r' Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS d. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation. Ha,,.,ata. Edd,ng and Sort.ng l.12 lhs !ttl!On lJI and ,nodfy ft M>ll96- te. Add II, Add ,_de- ·-~th, .. Head ng ..• unk... You can aeote, ~te and ~tn.v,g.,tJon lnts ar,d Madngs. You can lloc> m:,vc no_llQn,le!n$,ndcr ~ and6-$c to ~I orhdcPl9'S and !llb e. To sort or change the order of a navigation link, select the link and select the Move Up or Move Down button until the link is in the appropriate order. As you do this you will see your navigation link move in the direction you are selecting. Nav,oauon Ed,llng and SOl'lin9 Move Add u.e lhs secbon to re«der ..-.d modify ~ na,,,.atJon 1temo ITldef ~ .,te • M= •• 1-1,dc ~ Add 0o.... Head1"9... l.Jnlc••• You ur, oute, oclcte ,nd cd1 n.,~tJon ~ ...o ht..:lr9. You ur, M move noV'l,ft:cn•lcmslPdcr t,eodngo and~ to cloQloy O 1~ 1 About U~ .~ Con'"ct the Webm45ter {Hidden) it't. Oeg ~ee ~'I: .~, '•cuttv end ll,__,,c;h .~, News and Events R, Par::!'c,rs & ~m~loysrs .~, RMourees for R. Tcdinol09Y ~~n,gemc,nt (Midden) f. Select OK when done with your sorting. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to Show or Hide Global Nav Links To show or hide specific global navigation links in your site: 1. Click Site Actions, and then click Manage Content and Structure 2. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings 3. 8ack ID 'Bus.less Schoo" ~ Site Settings • Site Content and Structure la Rtfrem selected ,t~ I 1~ s(hool b R.. Schools zind Coleges ~ NavigateUp New . Actions • C n i &oeit.a and t-tmln~ Typ! Ti~ s ~ [ Bussless Sdloolw R. AboulUs Ol)tnUnkll'l~W~Y ~ c.m~t lhe \'/~ter aster .. New Oe,Qree Programs s '~"' -X Del.ete ,y(h .... Faculty and lteseardl l:tJ Copy•.. ..;i. Nei\'S and e..-ents t:l Mo~... yers Pa-tners &Employers c:J r,;"I ~- Resources For V'iew Recycle Bin ,-a.. ement CJ u Site Set1ln9s ,. . Technology MaMgeme,t PeopeandGroups Doruncnts Advarxed Pen!ISSl0nS .., Imagts Genen,t Setln9s iJ P~s l;9 c:.;_,ia.c~t'C 4. In the Site Settings window select Navigation under the Look and Feel Section Users and Perm1SS10ns Look and Feel Peoc>le and G aupc ,'l'elcome P.19e ,S1h~ perm orr Title. deq:r,pti°"-" aNI ICC("I "~st.er pai;1e Galene5 1taoe laY'CUlS Mtd s •e t!~Me1 Tr-e~ve1111 Sit~ Ct!umri s,,,lh_ Site content tyi;>« "'4.a~e.r pa,ges ar,d ~we """ outs: ~ Stte A Mon,911ht i..1<1 on 1ht qcn ANl,ua '""°"' Sot• Col ecloon l'lell .lNl-,1.CS "'Po'U 5. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view yourGlobal and Current Navigation Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS H U... !his_,.,., to,_der and moclfy ~ nav,g,ob(wi ,ternsu"ldor !his 91te. Add M, Add 'X 11ca~ ng... L,nk... 'rcu "'"17Hlle, ~te and ~t nav,poon lr*5 and Macfngs, Yau an aim ll'IO',-C "'~ tcm$ ,ncltr htfdr,g,; and~ lo d,;p.,1 Qr hdc pq$ and :IIJ»~. l,:J Globol Novigobon .:l thc pagc COl!S hcrc (tt,ddcn) R. About Us ,'1, C:onuict the Wcbmastcr (tt,ddcn) h i oeg,ee Progirams fl, Faoultv and llCKarch .'i. NCNS lll'ld Events P., P~rtner:a & £ml)lovcr:a R. Resourcu FOr :ll Technolc,oy M~t\llgemcnt (t11ddcn) J Currel'll Nav1gaoon ...:J L,braries SL S,u, Pa9es t!l thc page oc,cs llere R. Abiwt u,; R, Contact the Webmastcr •T• Degree l'l'09rams .'l, Facu tv ana llc.. arch ,'r, News and Ev~nts P., Partne'1i a. Employa'1i H • Re:SOUfC~S fOf R-. T«h119iogy ~1.,nagcmcnt 6. To show or hide a navigation link, select the link and select the Show or Hide button. If you hide a navigation link the words (Hidden) will appear next to the link. IIIY\ga,bon ld,mg and Somno URns~t»rcordc , ~1 Contact tt~ \\ ebmM1cr (Hidden) ,T, Oeorcc P,oorams ,1t. Foailty and RuHrch li,. hc•s and E\,en.tt. 7. Select OK when done showing or hiding navigation links. Working with Navigation Menus Office of Information Technology UNIVERSITY OF CO LORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to Add Custom Links to Global Navigation Add Custom Links to Global Navigation SharePoint 2010 allows you to customize your global navigation by adding custom links that are not in the typical site hierarchy. Use this feature with caution, because custom links have to be manually updated if a change is made to the URL of the custom link. Add a Single Link to Global Navigation 1. To add a single link to your global navigation: 2. Click Site Actions, and then click Manage Content and Structure 3. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings Sack ID ~s Schoel Ji\ Site Settings • Site Content and Structure la Rt frd'I ~ec~ 1tfm I ] ~ SChool !:: ~ "1 ilnd Colleges . New . Actions • 5 Schools ell NavigateUp ..i &ocltacs and t-tmllnbts Qj Typ! Tille 51 it'i [ Business S Users ,ind Perm1$$I011S Look c1nd Feel ~-•r You, s,1e Sl!tbngs Site A~ "'-"'>9' •"• J;nh o• lht q.,l(t ,,.,"(fl(""'"'"• wt) uco u•M.ge •ttd g~eJ l\l'wlg.. t.oft (~ Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS 5. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation Ha,_.llccl fdJting at>d SOrtiftg Use lhiS __, to reorder and mocify the ~ban ,!mis inler 11-d ,ote. Md !IL Add 'X Mud ng... LJnk... You c., anti., ~te oncl odt-ban lrM oncl headoJs. 'l'ou can lllo fflOV'C N',1Qlllon 1torr,slTldc, ~ oncl choo--"" to ~l' or holc r,d ...,..,..e,s. LI Gl~I Nov,gohOn I .:l the page goes"'"'" (H,dden) R, Ab<)ut u. ~ Conutd the Webmaster (ttidden) R, Oeg,ee P1119rams .~. Fatuity end Rue.rch ff. News and Evl!nts ,i, Partner$ a. Emi;>lovcrs Po. Resoureecs FOr -:i Technology Mu>ogcmcnt (Hidden) --.l ...:u nnt Nall'loat,on 1.Jbranu I. S,te Page• i!'l the page oo,,s ht!rl! R, Ab<)ut 1k P., Contact the Webmaster ,T• Degree Pnogroms ,'l, Facu-tv end Research ~ . N..-. and Ev,en~ R. Partncn; a. Emi:,lovcR R, RHou,e,es For fl, Technology Mar\9gemcnt 6. Select the Global Navigation folder and then select the Add Link button. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS 7. Complete the fields in the Add Link window. The title will appear in the navigation. The URL will be the link to an external site or you can link to another page within your site. If linking to an external site (which we don’t recommend in the global navigation) be sure to select the check box for Open Link in New Window. The description will appear when the mouse hovers over the link. It is recommended you leave the audience field blank so all site users can see the link. Select OK when done. Navigation Link --Webpage Dialog ~ http:,1uwsdev.ucdenver.edu academ1c5 collegesfbus1ness/_layouts/AddNa~19ationlinkD1alo~as_px?dialo_;1T ~- Edit the nlle, URL, and description of the navigabon item. Title: Colorado Business Divi!iion URL: http://www.sos.state.eo.us/pubs/ business/ I Browse ... I ~ Open Ink in new w.ndow De501>tion: I :1 Audience: I IL&~ I OK l I Cancel I http://uwsdev.ucdenver.edu/acaden- 9 Internet I Protected Mode: On 8. You should now see the new link in the list under Global Navigation. You can sort the link by using the Move Up or Move Down buttons to position it in the order you desire. NOTE: If you need to delete this custom link, select the link name and select the Delete button. Select OK when done adding your link to your global navigation. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to Add Multiple Links under Headings to Global Navigation To add multiple links under a Heading to your global navigation: 1. Click Site Actions, and then click Manage Content and Structure 2. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings Back ID~ Schoel ~ Site Settings ~ Site Content and Structure 1 IZI Refr~ sel~ ,tern ____ J_~___ sehool ______8 R., SChools ~ Coleges Nc-n . I",> ir"i &oelt.::s and t-bllllf'I~ Type Tille A Ha ~s I Sd-ooB R AboutUs ~ Link w, Ne-w Wndow \ 1111 c«itact lhc W~ter ter Oegee Progrilm$ New s n - Del.ete h i fawty and Re$Car A.clvanted PerrTl5$lllll5 IIMQ~ General Settings Pages In c;,,_,. ~~-t,: 3. In the Site Settings window select Navigation under the Look and Feel Section Users and Perm1sS10ns Look and Feel hcole or.cl 9 ... we come Pa-;e ~tt!! pem""'XIQO!I' T1t,e, dcSO"pbon •rod Kilt\ Kul,er PIQC Cl'&G,e l.a',CK1tl ~ s,•f!- tffl"OIM.H Galenes Tree iv,e.- Ste CCMul"'IM, ·.a SolAl ll'>t- ' . S te ccrteoni types Ma~c,.. pe,•a ar Your UCO S,te Set~ngs Site A~ Mon•90 ,...,1,ni.. on u,. q~ocl i...nch Cw Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS 4. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation Navigation Erut,ng &IMI Sorlin9 Add Add ~ lhis!!tttlOn tor~IW'dmodfy 11"!~110n,t>!IM161d!< lhd !loll!. 'X H!od ng... Link.. , You can aeafl!, ~fl! and tdt M>'19"110n kics and headng< You c.an also ...,.... no,191,:,on,u,,,s 5. Select the Global Navigation folder and then select the Add Heading button. ""vtQ.t,on fdit,ng and Sortino Ule hHC11Gn toreoo-oer .-.cl moofy tht N¥91!10nllemS...,. lhil•12- You can X oe61t,-trande6111&"1)6bOl'l~ll' 6. Complete the fields in the Navigation Heading window. The title will appear in the navigation. The URL will be the link to an external site or you can link to another page within your site. If linking to an external site (which we don’t recommend in the global navigation) be sure to select the check box for Open Link in New Window. The description will appear when the mouse hovers over the link. It is recommended you leave the audience field blank so all site users can see the link. Select OK when done. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS ~ ,.., I @_, Navigation Headi ng •• Webpage Dia log ~ http:.i/uwsdev.ucdenver.edu1academ1cs/colle9eSlbus1ness/_layouts/AddNa:19at1onlmlcDialo9.aspx?dialo9T - ·- - . ------rnE Edit the bde, URL, and descr1p1Jon of the navigation item. Title: Quick Links URL; http://www.ucdenve r.edu/ academics/ college I Browse •.. l El Open link n new 1-'tcndow Descnpbon: :1 Audience; I i t$- w I OK I I cancel I http://uwsdev.ucdenver.edu/acaden- Q Internet I Protected Mode: On You should now see the new heading in the global navigation. 7. To add links under this heading, select the new heading name and select Add Link button. N.lv,gUlon Cd1bft0 and SGmng u-.... lbs oecb>n lo reo-dor Ot-.d .-.:d'y tt>one·.,._..lro 8. Complete the fields in the Add Link window. The title will appear in the navigation. The URL will be the link to an external site or you can link to another page within your site. If linking to an external site (which we don’t recommend in the global navigation) be sure to select the check box for Open Link in New Window. The description will appear when the mouse hovers over the link. It is recommended you leave the audience Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS field blank so all site users can see the link. Select OK when done. lJ Navigation Link •• Webpage Dialog ~ http~ ~~dev.ucdenver.edu academ1csfcolleges/busmess/ _layou~/AddNa, 1gation~~D1alog.aspx?dialo9T iiE- Edit the btle, URL, and description of the navigalion item. Title: Colorado Business Divis ion URL: http:/Jwww.sos.state.eo.us/pubs/ business/ I Browse... I l:ll Open link l'I new .-,.r,dow De~bon: I .- Audience: I l & Ul I OK I Cancel I http://uwsdev.ucdenver.edu/acaderr Q Internet I Protected Mode: On ' 9. Repeat these steps to add more links under the Heading. 10. You should see the new link in the list under the new Heading under Global Navigation. You can sort the heading or links by using the Move Up or Move Down buttons to position the link in the order you desire. NalflQaUon Ed1tino and SOltlll9 UM"'"_co,..,,do,andl"Odly h_11on,_lrdor .. !d~.. X Oeece hi ..., T°"GWI CHalf,~lf W <011\A'.... -lrurd hoadnos, Youaw> .... _~_,,_U'ldot hoad,,oland -coclda,«-page,sandsbsti.,s. Global r;,..,19.hon _!I the page g:oe• tierc (~: ~-en) Ji, Al>oul U. a1c:o,,(aa the \'lcbmaocor (H«ien) R, C>c9 •ec P'r-ogrems .~. fao,'oty and -••eh R. Ne-w:1 and E"eflt.S Ji, Par".,,.,•s I> employers .~, 'le.sour<:u for .~ Teclloology Managem= (Ho NOTE: If you need to delete this custom link or heading, select the link or heading name and select the Delete button. 11. Select OK when done adding multiple links under a Heading to your global navigation. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS Current Navigation (The left menu) The current navigation is the side navigation link bar that typically links to the current site pages and other sites on the same level. Business School UN1VEA$IT'I OF COt.OAADO O!NVf'II Ao,rlemic Degree P, fuel your career with Th ,,r~r51ty or Color ado C Working with Navigation Menus Office of Information Technology UNIVERSITY OF CO LORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to Sort Current Navigation Links 1. To sort the current navigation links in your site: 2. Click Site Actions, and then click Manage Content and Structure. 3. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings Back ID 'Busn!ss School' ~ Site Settings ~ Site Content and Structure tt, Re~sei~,~ S Pa Schools and Coleges [T ifi. ~lh,:s Md l'U!Wlbe$ S fri ~ s Schoof R. Aboutus Openl.Wcs,~Wndow 1, c«itact 11'1!! Wd>mastcr Ne'111 r i °'9'ee P\'ogra,m,$ -X Delete h i F~ty and Rese.w-di ~ Cl lb Copy •.. . n News and Events Move, ... •C• • Partners &Employers C IF'.... V~w Recycle Bin n 'i Resources For Ii) s.mSet11nQs ,~. Technology Manaogement PeGdeandGroups Doruncnts A.cl\ranced Perm5SICflS Imag~ General Se~ P~s lrl c;,~ ~~-k 4. In the Site Settings window select Navigation under the Look and Feel Section Users ;ind Penn1SS1Qns Look ancl Feel ~oole o.-.d g """' w\ e come ;,• Site A( ~.,. tM 1.11,1 on tM qu\c:I II\IMh (wt!~,~ I ...) Your UCO Site Sernngs ..ONIQO Ind 9labll MWjotlOft (KN>fl srt., 11r1N1,no 'les.,' to s.te de: l\lbon llr1N11i,o R- Delete this s,t~ cv,tiCffl s.arch s«io,e Scte Web 4,._.1.,.,.,a rcporb SU Collea- w.i, ~trt,cs rtPotU 5. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS IC~vivaollOn ( d1""9 • ncl So .!) the 1>1~• goa here ii, Aboui Us .'r, CGtitad the Webma.,!r .~, De<;lrH Pr0<,:,r1m1 6. To sort or change the order of a navigation link, select the link and select the Move Up or Move Down button until the link is in the appropriate order. As you do this you will see your navigation link move in the direction you are selecting. lla"'9"1al ld.llllg •ad Sort,ag :.;J Add .. Add - !ho, - ID tea<1gc QOft here (Hidden) .'t1 AhckJ! U• ,, Cor,tact tl>e Webmaste-r (H,dden) fi, Oegr-c,c Prog~ms .~, focu!:y ond l.ese~rct-o li, t-.e.1111 al'ld Events R, Parcr,~,s & Employen ,T, R.. 0<>rce• f0< .J, Techi,oioov Mo~ent (Hidden) j <.:um:"~ No, g,:,.,.. II, s,te P~H !} U,e ~gc QOC5 here ,'f, A!,,.xitt.,, ~Q!r,tact tl!II w,~roe:tt l't, Dev= """"'·"'· '"' faculty ond Re•e~rch 7. Select OK when done with sorting. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to Show or Hide Current Navigation Links To show or hide specific current navigation links in your site: 1. Click Site Actions, and then click Manage Content and Structure 2. Mouse over your site name in the left window pane and from the drop-down menu choose Site Settings 3. Sack ID 'llusne:ss Schoo" ~ Site Settings • Site Content and Structure la Rtfi'esh ~ 1ttm ~~Schoel .,.. R-. Schools and Coleges Navigate Up Ne'N . Actions • ~ &oell'ICS llnd tunantrs T~ Title s h i Business School I El Ri About Us 1d Contact the Webmaster ter El New ~ El R. Degee Prograr11S .. ~ X Delete arch . El .-. Fawty and Research 1-b Copy... El h i Ne-1\-s <¥ld Even ts 1:1 ~ Mo~. •• yef5 El ••i P.vtners & Employers Pu ~wR~dtBin E] i U Resources For C u s,ie setunos ement (!::] Ud T~y ~t Peoc:,le:andGreups r:J -> Doa.ments Ad\r~edf'~ 1:1 J lrnagH Gener~ Se~ El J P~s L IFI • c;;,"' o~-"' 4. In the Site Settings window select Navigation under the Look and Feel Section Users and i>erm1SS10ris Look arid feel >eoole and ~..,,_P& it'eiCDme Pa,ge .Ste p,erm on T•!:ie_ deso-pt,o end ICOn tu~~I" page Galenes l'age layautS and Ide ,em,,laies 'f~V~ollr c- ,~ oolwmrc -~ 5'1olll"'1' 6. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS NlJV'9ill..... (d1""9 and Somnq Add It, Add Ulit lhs Sft<'tO'I C!>reotdtr and -1.'y ~ na,19->lJOn ,IJOmS ln:lcl tns gt(. You can Heading ·~ link. •• CJUtc,cleittt and tdt ....,galle)n In.sand r.t~. y,_.cr,.. .,,..,,t nr,nglllOtl ,tfflllundorhtadr9<.-.da- ..~,.,,lld,-andtlbooin Globol lioV191t,on ~ the pa~e go~ her 8. To show or hide a navigation link, select the link and select the Show or Hide button. If you hide a navigation link the words (Hidden) will appear next to the link. ,sawo,, uon Edil"''l •nd SO,t,ng uie hi H 10. Select OK when done showing or hiding navigation links. Working with Navigation Menus Office of Information Technology UNIVERSITY OF CO LORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to Add Custom Links to Current Navigation SharePoint 2010 allows you to customize your current navigation by adding custom links that are not in the typical site hierarchy. Use this feature with caution, because custom links have to be manually updated if a change is made to the URL of the custom link. Add a Single Link to Current Navigation 1. To add a single link to your current navigation: 2. Click Site Actions, and then click Manage Content and Structure 3. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings Back ID 'Bu:sness Schoo!' K"i Site Settings • Site Content and Structure g Refrfih ~ 1~ -- -- ~tel.Ip New • Action$ • IJI Type Title El R, About US , d C.O,,t,act die Wd>mester ter El New El Oevee Programs ~ .~. -X Delete El it.. F~ty ¥Id R.ese.vch arch lo lb CCll)t, .. El .i.. Ne-n-s .ind Events ft.I Mo~. •• yers E'.I ,i-.. Partners &. Employers C 'E V~Rttyde8"1 El AU Resources For ement Cl u Site Sct11ngs El , u T~1~t Pcode.n!Gr~ I::) ~nts AdvancedP~ El Imag!S General Se tln9l; 1:1 P~s lr1 ' C:.b• a ic~N:: 4. In the Site Settings window select Navigation under the Look and Feel Section Users and Perm1swns ~ Look ancl Feel ~c •rd g--vupi. n ·eaeomc:P•'ile Ste pc~ T,t.c- dexnptao,,. ol\d eco, Na.Ile.II' DaQe. Galenes O'bQe. lavouu e--.d 11te- ,e.~atcs Tree V>efllt t• cal.urnn-t 51• trit!fl"lie .. Site conte 'It tvpes Master 1)6,~u ar--d peQe &a.,.OYts w...... lU Your UCO S,u~ Sen,ngs t:J e,,11,.,(lr-g •r-,dr-.oR.tw~ O ,\om S.o•Cft Seo,e S.14! \\ cb l\r,al~ reports Q 1 ~,.,e Col ecta:on \ ,N.A.-..tytu r,:pOrU Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS 5. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation ""Yl!jaolll>r, ld-.V 1,,d 5o 1~ 1 Aboi,I UI ':, Cona 6. Select the Current Navigation folder and select the Add Link button. ~~- Ed,_ and 5otU!>t1 ow "-oecOOflco,..,,oe, ondono6fy ,ho.,..>90_,_i.nlef d>Jo·•· You..., W Add & 8QQ aeo~,dele:e and edt .._,_..., andhtadnol- You..,,• ...... _..., Head,r,g... l.!!!..s,.., ,ienur-dor llt4dros...., ctioooe 1Ddol,l!yo, hide -rdM>Slbtt G-11"1yoga,- ~ 111c ..-01 - hc•e (HH:lden) . 1~ , A.tiOl.lrcaFo, .1'. Tec:""Olo9y M41119ornent (H•ddon) [i,current Nav,oai,o,l Lbra es. '& Sto h<;lu !l It!• ..-gc 9«S 1,e,., ,i/, About Us .~. Contaa t~• webrn-1P•t ,~. Degree PrOQrarns 7. Complete the fields in the Add Link window. The title will appear in the navigation. The URL will be the link to an external site or you can link to another page within your site. If linking to an external site (which we don’t recommend in the current navigation) be sure to select the check box for Open Link in New Window. The description will appear when the mouse hovers over the link. It is recommended you leave the audience field blank so all site users can see the link. Select OK when done. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS ~ NO\igaticn Lint •• Webpage Dialog ~ I~ http://uwsdevucdenver.edu/academ1:slcol eges/bustntss.,_lc!youts/AddNavigatio,linkDialog aspx?dia ogl [ ~ Edt h e otte, UU, an1 ~tono f ne navigation item. TiHe: Colorado Busine.ss Division - W : httc://www.sos.state.eo.us/ oubs/business.f I &owse,•. I Cl] Open W: n new wr.dow uesapoon: I .~ Aude:nce: I l ~ Ul I CK I I Cancel I http//uw,d 8. You should now see the new link in the list under Current Navigation. You can sort the link by using the Move Up or Move Down buttons to position it in the order you desire. llaiY~-Edt'*'O aJld ~ Acid .. Add U..N-ureo,do<~-'yhno-':ton tcmo-1t'oo•tt.Youc;an IL Edit. X Oclclc ~ Hc"4 ng.•• • Lini<. .. aut.o,-ttM>dfdit111,,.,...,.1r1,s.....s~. .,..,,..,..__..,...... ,._ ,,-under hoadno, and ct-ID dodat o, ~ -nl--- .l Glolw,1 Nl"'P'- ;!! tt,<, page 90CS ~••• (t11dd~) P,, .Abct.,IUO P., Cont.a 1/14 we~st..,. (H,dOen) ,'?, o~rcc P"'9rams .~. f&CYlcy •fld Research R, N'"" 11'<1 e,ents ,'?, Pan.Mrs & fmolo\,e•s R, Re....,•tt• For ,'lo Tech~ ""'"'~•mont (H,ddcn) j Current t'-'4v~a:,on LJbrar1e.t I!, S,te1>&9es !) !tic page _. ~•re .~,, .Abo.Jt 01 ,R, COntKt tt,4 ssc~Slff ,°?, ~-Pr 9. Note: If you need to delete this custom link, select the link name and select the Delete button. 10. Select OK when done adding your single link to your current navigation. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS How to add multiple links under headings to current navigation 1. To add multiple links under a Heading to your current navigation: 2. Click Site Actions, and then click Manage Content and Structure 3. Scroll over your site name in the left window pane and from the drop-down menu choose Site Settings Back ID 'Busness School' ~ Site Settings • Site Content and Structure ::::l R1!1i'6h~1tl!m Bu5r15s School 5 ~~ Schools and Colleges i1J ~~tel.Ip New • AcUons • ~ ii-a &ol!ncs and l'VMnbB Ql Type Title a ~ ~sSchool I El R,. About us ~Link., New Window \~ Contact It'll! Webma:;ter ter tJ New El ,.. Oevee Progrc111M .. ~ Delete .~, Facuty and Researdi X M 4. In the Site Settings window select Navigation under the Look and Feel Section Useis and P'erm1SS10ns look and Feel F'eopl• •tid g'tlups \r\ 11!!.c.ome Pa9e .-te permi.aons T1tHt dcsc:ni,tlO"' el\d ICIDl"I ttest~r poge Galene:. tte,ge La1t0uts and t..1~ h!rn:Nate1 Trd v.t~ S•tf' C:ChJrwtl"II Site CC1""ter-:: types Mastu ~u ard i.i;c la)'cub ~,.-~ Site A """>9 Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS 5. In the Navigation Setting window scroll down to the Navigation Editing and Sorting section to view your Global and Current Navigation. 11avi;.i-ldthn9 ..... 5o .. Sore "•oes .!l •~• PaQe Q<>U here ,-,, About U• ,fl. ConLoa tl,e \~H!ffla!lte.r .~. ~ree PrOQrM>S R• f•cvitv •rid lle,;u'Ch .~. News bnd f,.·~r;t.s ,'?. Pa 7. Complete the fields in the Navigation Heading window. The title will appear in the navigation. The URL will be the link to an external site or you can link to another page within your site. If linking to an external site (which we don’t recommend in the current navigation) be sure to select the check box for Open Link in New Window. The description will appear when the mouse hovers over the link. It is recommended you Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS leave the audience field blank so all site users can see the link. Select OK when done. Navigation Heading -· Webpage Dialog htt~:,/uwsdev.ucdenver,edu'academ1cs collegeS busine;s!::_layouts/AddNa~g!tionlmkDialo~a~x?dialogT ~ Edtt the btle, URL, and descnpbon of the ra1r19abon item. Title: Quick Links LRL: http://www.ucdenve r.e du/a cademics/college Browse ... El Open link l'I new ...nclow DeSO"l)tion: ,._ Audience: I ______...... ,I ~ W OK Cancel http://u~ dev.ucdenver.edu/acaderr (I Internet I Protected Mode: On 8. NOTE: You should now see the new heading appear in the current navigation list. 9. To add links under this heading, select the new heading name and select Add Link button. ,-.v1941-td•bno I nod So Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS 10. Complete the fields in the Add Link window. The title will appear in the navigation. The URL will be the link to an external site or you can link to another page within your site. If linking to an external site (which wedon’t recommend in the current navigation) be sure to select the check box for Open Link in New Window. The description will appear when the mouse hovers over the link. It is recommended you leave the audience field blank so all site users can see the link. Select OK when done. ~ N~gation Link --Webpage Dialog http: uwsdev.ucdenver.edu · academ 1cs rcolleges/bu s1ness/_layout; rAddNa~1gat1onlinlcD1alog.as px?d1alogT - - -- ~- Edit the title, UR!, and clesaipllon of the na'/igaborl item. Title: Colorado Business Division UU.: http://www.sos.state.eo. us/ pubs/business/ I Brofflle.,. l ~ Open link r, ne" nl'ldow O~bon: I :1 Aud>tnce:I I te, Ll.'I I Of( l I Cancel l http://uwsdev.ucdenver.edu/acaderr Q Internet I Protected Mode: On 11. Repeat these steps to add more links under the Heading. 12. You should now see the new link appear in the list under the new Heading under Current Navigation. You can sort the Heading or links by using the Move Up or Move Down buttons to position it in the order you desire. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS ..VIO,lllatl EdlllllG and SoftlllO Add - lhs ...:l>On ID •-de< ,nd -fy ~ nov,ga:,on ~-lhs ..lit. X De:lct~ ...... ,.ne,a.,.1ng,,, .i11 t. eb You___ con au~. dwt~oncleclt,_.,. hNcl,,Qi N""il"O'llt-ls lllddlOow ondhNd,,vs ID _,i.y orhdt- You Ciltlolso .rd ...... j G"'°"I No \flQlmOn _A tk p.oge goe• hcne fH,ddcn) R, Abo,.,c 11s P., Contoct the Webmar,t.,,. (H,ddenl R, ~= Progrom, [?, Faculty and lles4!arch R, lit#I 1NI Events 'R1a P•irtncrs & Empk)yrf"5 R, Ruourcu for • , TechnoloQV Manage,.,,.,,.t (H,dden) j Curr,ftlt lih,01~ llbra.n~ & S,teP•oes !) lhe NOi goes hCNI R, ..-tu• R, Cont&ct lhe 'ol'ebmaote• RaDegrtt Pro,g,am, R, '""' tY and R... 1rch fl. h,: "~ .ond f vent:. R, P•rtners a. Em~ers .~. R.~rcesFof R. Technologv H1naoemem ...J Qu,dc ~ c~orado SU.1r,ess Ov.lion NOTE: If you need to delete this custom link, select the link name and select the Delete button. 13. Select OK when done adding multiple links under a heading to your current navigation. Working with Navigation Menus Office of Information Technology UNIVERSITY OF COLORADO DENVER I ANSCHUTZ MEDICAL CAMPUS Active State on Menu Items Active State The active state in the global navigation is a new feature in SharePoint 2010. The active state is designed through your site’s Cascading Style Sheet (CSS) to be visually different to highlight which section of the site you are located. In the example below, you can see that the active state for the Faculty and Research global navigation item. llnivenity of ColOfcldo Dfflver Business School ) J\h Working with Navigation Menus