CascadeServerAdvancedTrainingIndex
Tables…………………………………………………………………………………....1,2,3
EmployeeBioPage…………………………………………………………………….4,5
EmployeeBioList…………………………………………………………………..6,7,8
Form……………………………………………………………………….9,10,11,12,13
ImageGallery………………………………………………………………………...14,15
ExternalLinks………………………………………………………………………..16,17
References………………………………………………………………………..17,18,19
CascadeServerTraining-Advanced
Tables
Tablescanbeinsertedintocontentviathewysiwygeditor.Toinsertatableclick
whereyouwouldlikethetablethenclicktheinsert/edittableicon.Thiswillopena
dialogboxwithoptionsforthetable.
Thedialogboxgivesyouoptionsfornumberofcolumnsandrows.Italsogivesyou
optionsforcellpadding,cellspacing,width,andheight.Ifyousetheightsandwidths
makesuretousepercentages.
Alsointhisdialogboxyouhaveadvancedoptions.Advancedcontainssettingsfor
summarytagaswellasseveralotheroptions.Theonlyonethatyouwillneedtopay
attentiontoissummarytag.Tableswillalreadybepre-styledforyousomostof
1
thesesettingsaren’tneeded.Summarytagisneededforaccessibilitypurposes.
Basicallyasummaryisabriefdescriptionofwhatisinthetable.Viewerswhouse
screenreaderswillbegiventhesummaryandgiventheopportunitytoread
throughallthecontentofthetableorskipit.
Onceyouhaveselectedyoursettingsforthetableyoucanclicktheinsertbutton.
Tablewillnowappearonthepageanditwillalternatecolorsbetweenrows.Row1
willbegray,row2white,row3gray,etc.Youcannowstarttypingintoyourtable.
Thefirstrowofyourtableshouldalwaysbetsethasyourheaderrowwhichwill
giveitthebluebackgroundyouseeabove.Todothisclickonthefirstrowandthen
rightclick.Youwillgetoptionsfortable,cells,rows,andcolumns.Hoveroverrow
andselecttablerowproperties.Youwillreceiveadialogboxwithoptionstoset
whattypeofrowyouwanttherowtobe.SelectHeaderrowandthenclickok.You
shouldseetherowchangetobluewithwhitecopy.
AddingandDeletingColumnsandRows.
Toremoveacolumnorrowclickontheroworcolumnyouwanttoremove.Then
rightclick.Fromthedialogboxhoverovereitherroworcolumndependingonwhat
youarewantingtoedit.
Undercolumnyouwillgetoptionstodeletethecolumn,insertcolumnafter,and
insertcolumnbefore.Insertcolumnbeforewilladdacolumntotheleftofthe
2
selectedcontent.Insertcolumnafterwilladdacolumntotherightoftheselected
content.
Underrowyouwillgetoptionstodeleterow,insertrowbelow,andinsertrow
above.Thesewilldoexactlywhattheysay.
Whenyourightclickyouwillalsoseeoptionsforindividualcells.Iwouldn’talter
thesesettingsbecausemostofthesewillbeoverwrittenbythesitestylesfortables.
Basicallytablesaresetuptobestyledthesameacrosstheentiresite.
3
EmployeeBiopageType
Theemployeebiopagesetupisverysimilartotabspagetype.Themaindifference
istheareatoaddtheemployeeinformationandphoto.
Belowyoucanseeasampleofwhattheemployeebiocontenttypelookslike.All
requiredfieldsarelistedinboldfontwithastarnexttothem.
BelowthecontactinformationaretheEmployeeBioSections.Thisiswhereyoucan
entertheemployeebio,credentials,research,etc.
Belowisanexampleofwhattheoutputfromtheemployeebiopagetypewouldlook
like.
4
5
EmployeeBioListPageType
Thisissimilartotheemployeebiopagebutthisallowsyoutolistallemployeeson
onepagewithalinktothefullbio.
Belowyoucanseeasampleofwhattheemployeebiolistcontenttypelookslike.All
requiredfieldsarelistedinboldfontwithastarnexttothem.
6
Asyoucanseethebiolistisalmostidenticaltothebiopagesetup.Thereareonlya
coupledifferences
Thefirstdifferenceisthe“ListType”optionatthetop.Thisallowsyoutodetermine
whetheryouwanttobuildthelistmanually,automaticallyorboth.
Automaticallywillpullinandlinktoallbiopagesthatcorrespondtotheselected
department.ThesecanthenbeorderedAlphabeticallybylastnameorbythe
priorityordersetoneachindividualbio.Notthattoremoveoraddpeopletothelist
viatheautomatedoptionyoueitherneedtoaddanewbiopageforthemorremove
theirexistingbiopageandthenpublishthebiolistpage.
Ifyouonlychooseautomatedyouwillonlybegiventhedepartmentselector,order,
andwysiwygeditor.Ifyouselectmanualyouwillgetanareatofillineachperson’s
info.Thisisverysimilartotheindividualemployeebiopage.
Theseconddifferenceisthatyouhavea+signatthethetopofthebioareasoyou
canaddmultiplepeople.Onceyouhavemultiplepeopleyoucanusetheminussign
toremovethemorthearrowtoreorderthem.
Thelastdifferenceisyouhavetheabilitytoselectapagetolinkto.
Belowisanexampleofwhattheoutputfromtheemployeebiolistpagetypewould
looklikeusingthebriefbiooption.
7
Ifalinkwasfilledinthephotoandperson’snamewouldbecomeahyperlinkand
linktowhateverpageyouselectedduringthesetupofthepage.Thisalsooccurs
whenusingtheAutomatedoptionsbutthisisdoneautomaticallyforyourather
thanenteringalinkforeachperson.Alsoifyouusebothmanualandautomatedall
manuallyaddedpeoplewillappearaftertheautomatedlistings.
8
FormpageType
Theformpagetypeallowsyoutocreateonlineformsthatcanbesubmittedtoan
email,storedinanexcelfileorboth.
Belowisanexampleoftheformcontenttype.
9
Thereareseveraloptionsatthetopoftheformthatmustbesetupfortheformto
work.Firstisdecidinghowthedatafromtheformisgoingtobeused.Youhave
severalcheckboxestochoosefrom.Thereissendtoemailandsavetoexcel.
Ifyouselectsavetoexcelyouwillneedtoopenthe“IfsavingresultstoCMS”option
andfillintheappropriateinformation.
Theconfigurationpageissetbydefaultsoyoudon’tneedtodoanythingwithit.The
chooseafileportionisusedtosetthefolderforwhereyourresultswillbestored.
Soyouwillneedtoselectafilethatisinthefolderthatyouwanttheresultstogoto.
Nextyouhavethefile-namefield.Thisissimplythefilenameyouwanttousefor
theresultsfile.Lastyouhaveresultstype.Thisisdefaultedtogenericandyoudon’t
needtodoanythingwithit.
Ifyouselectthesendtoemailoptionyouwillneedtoopenthe“Ifresultsaretobe
emailed”optionandfillintheappropriateinformation.
Thefirstfieldiswheretheemailisgoingtosayitiscomingfrom.Irecommendyou
fillinagenericaccountforyourdepartmentlikeunkprintcenter@unk.edu.The
secondfieldisthesubjectandthelastfieldistheemailthatwillreceivetheform
results.Youcansetmultipleemailstoreceivedtheformresultsbyusingthe+sign
abovethefield.
10
Afteryouaredonefillingtheinformationinforwheretheformisgoingtosendyou
canstartbuildingtheactualform.Thefirstpiecetofillinistheforminstructions.
Thisareaisafulleditorsoyoucanputintext,pictures,videos,etc.
Aftertheforminstructionsaretheformitems/fields.Hereyoucanusethefieldtype
pulldowntochoosefromtext,textarea,radiobuttons,checkboxes,email,
paragraphanddropdownoptions.Onceyouhaveselectedthefieldtypeyouwill
needtofillinthenamefield.
Theoptionsafternamearealloptionalandtheirusedependsonthefieldtype
chosen.Thelabelfieldcanbeusedtodisplayamoredescriptivemessagethanthe
namefield.Defaultvaluewillautofillavalueintothefield.Valueisusedforradio
buttons,checkboxes,anddropdowns.Youcanusetheplussigntoaddmultiple
values.Thebuttonalignmentoptionisusedforcheckboxesandradiobuttons.
Validationallowsyoutoforcepeopletofilldatathatconformstoaspecificscheme
orformat.Thisisreallyusefulforphonenumberfieldsoremails.Thelastoptionis
therequiredfield.
11
Youcanaddmultiplefieldsbyclickingthe+signinthetopleftcorneroftheForm
Itemarea.Onceyouhavemultipleformitemsyoucanusetheminussigntoremove
anitemorthearrowtochangetheorderoftheitem.
Ifyouusetheemailfieldtypewhentheformissubmittedtherespondtoemailwill
besetaswhatevertheuserenters.Whatthismeansisthatwhenyoureceivethe
messageandclickreplyitwillfillintheemailtheusersubmitted.
Theparagraphoptionallowsyoutoaddinatextparagraphbetweenfields.Thiscan
beusedifyouneedtoseparateaformintomultiplesections.
Afteryouhavecreatedallofyourfieldsyouwillfillinthetextforthesubmitbutton
andtheresponsemessage.
Belowisanexampleoftheoutputfromtheformpage.Requiredfieldsaredisplayed
withared*nexttothem.Pleasenotethatifyousubmittheformbeforeitis
publishedCascadewillgiveyouanerror.
12
13
ImageGalleryPage
Theimagegallerycontenttypeallowsyoutocreateathumbnailgallerywithlight
boxThegalleryimagecontenttyperesizesimagestoawidthof750pxtogivethe
bestresultsinsideofthegallerycontenttype.Belowisanexampleoftheeditscreen
forthegallerycontenttype.
Theimagegallerycontenttypefeaturesseveralareasthatarethesameasthe
standard,accordion,andtabspagetypes.Thesefeaturesincludesystemname,
parentfolder,title,displayname,keywords,description,banner,acontentarea,
andrelatedlinks.Themaindifferenceistheimagegallerysectionwhichfeaturesan
areatoselectthegallerytypeandanareatoinsertimages.
Toinsertanimageyoujustneedtoselectanimagebyusingthebrowseoption
(paperwithmagnifyingglass).Youcanthenselectanexistingimageoruploada
newimagejustlikeyoudowheninsertingabannerimage.Onceyouhaveinserted
animageyouneedtoaddadescriptionfortheimage.Youcanaddmultipleimages
byclickingthe+signinthetopleftoftheimagegallery–imagessection.Onceyou
havemultipleimagesyoucanusetheminussigntoremoveimagesandthearrowto
changetheorderoftheimages.
Belowisanexampleofthethumbnailgallery.
14
Exampleofwhatitlookslikewhenyouclickonanimageinthethumbnailgallery.
Alongwiththeimagegallerypagetypethereisanimagegalleryimagecontenttype.
Thiscontenttypefunctionsexactlythesameasthefilecontenttypewiththe
exceptionthatitwillautomaticallyresizethephototofitintotheimagegallery.
15
SpecializedContentTypes:
ExternalLinks
Theexternallinkcontenttypeallowsyoutoaddalinktoasite/pageoutsideofthe
UNKwebsiteoroutsideofyourdepartmentsite.Thisalsoaddsthelinkintothe
navigationforthefolder.Whenthislinkisclickedfromthemenuitopensthelinkin
anewwindow.
Externallinksarealsohelpfulforlinkingtoexternalitemsthatyoulinktofrom
severaldifferentplaces.Ifyousetupthelinkindividuallyonpageswiththestandard
linkinsert,ifthatlinkchangesyouhavetochangeitonallpagesitappearson.Ifyou
setupanexternallinkandlinktotheexternallinkfromyourpagesyouonlyhaveto
updatetheexternallinkifthelinkchanges.
Toinsertanexternallinkyouwillwanttoselectthefolderyouwantitplacedinand
clickonthenewmenu.Fromthenewmenuhoverover“Default”.Youwillseea
menuappeartotherightfromthismenuselect“ExternalLink”.
Settinguptheexternallinkisprettybasic.Simplyfillinthesystemname,Title,and
Linkthenclicksubmit.Seetheexamplebelow.
16
References
Referencesaresimilartoexternallinksexcepttheyarespecificallyusedtocreate
linkstoyourownfilesthatarelocatedindifferentfolders.Sincemenu’sare
dependentonthefolderyoucanonlydisplaypagesinthecurrentfolderinthe
menu.Referencesallowusaddlinksinthemenutootherpagesinparentandchild
folders.ForexampleITShassubfoldersforInstructionalTechnology,HelpDesk,etc.
TheyhavecreatedreferencestotheITShomepageineachofthesefolderssothat
theITShomepageshowsinthemenusforeachofthesefolders.Theselinksopenin
thesamewindowunlikeexternallinks.
Youcanaddareferenceintwoways.Themostdirectwayistohoveroverthepage
youwanttocreateareferencefor.Whenyouhoveroverapageyoushouldseean
arrowpointingdown.Clickonthearrowandyoushouldgetamenu.Fromthis
menuselect“reference”.Theotheroptionwouldbetoclickonthepageandthe
selectthe“more”tabandthenselect“reference”
17
Afteryouclickonreferenceyouwillgetthereferencesetupscreen.Fromherefillin
thesystemnameandselectthefolderyouwouldlikethereferenceplacedinthen
clicksubmit.Thereferencewillbeplacedinthefolderyouselectedandappearin
themenuforthatfolderdisplayingthetitleofthepagebeingreferenced.
Inthescreenshotbelowyoucanseethereisonepageinthetestfolder,buttwo
linksareshowinginthenavigation.Thetabspageiscomingfromthereference
calledexample,whichisreferencingthetabspagefromthemaintrainingfolder.
18
TrainingResources
UNKTrainingYoutubeChannel-http://www.youtube.com/user/UNKtraining
ThaneWebb:865-8133,[email protected]
19