Inn Website User Manual - American Inns of Court
Contents
1. Open iin this window f fra me i Content F E oes Media a Downloads Sales Report pdf Umbraco Editors Manual Page 18 Link to an E mail Address Select the text that will form the hyperlink 2 Click the Insert Link button to launch the link properties dialog box In the URL field enter the text mailto followed by the e mail address you wish to link to e g mailto name company com 4 Inthe Title field enter the text that will be shown as a pointer to the link This is important information for everyone reading the website with different accessibility aids In the Target field select the target window frame the link should be opened in Click Insert Inserledit link Url mailto name company com Send us an email Content Media Content 4 Runway Homepage a Installing runway modules Go further Getting started Insert or cancel Umbraco Editors Manual Page 19 Link to an Anchor on the Same Page Sometimes it can be useful to be able to link to a place on the same webpage This can be the case if you have a long piece of text divided into several different sections for example In order to be able to link to a specific place on a page you must add an anchor so that the w2. Internet Protected Mode On Umbraco Editors Manual Page 45 2 Select a version from the Rollback To dropdown list pee AEA Current version Rollback to Diff Html 4 Check the Diff checkbox to see the differences 4 Check the Html checkbox to see a comparison between the two versions as a list of fields of the versions as html Cont cO CMS umb a a ae aao E ee Pry Content Umbraco CMS roy Rollback x i x i Select a version to coMpare with the cfrrent version installing runwj7y modules Created 15 06 2010 15 51 fway modules Created 14 06 2010 11 37 Diff Html This shows the differences between the current version and the selected version Red text will not be shown in the selected version green means added Installing runway modules 14 June 2010 11 34 140r Administrator Runway modules encapsulate specific bits of advanced functionality that are easily added to your website Once installed Runway Modules are open source and easy to customize if you want to modify the behavior for your specific needs Because Runway modules are provided under the MIT license you are free to use and modify them any way you want with no strings attached 3 The differences between the current version of the page and the selected version are displayed Umbraco Editors Manual Page 46 6 2 Rollback to a Previous Version To rollback to a p
3. Table cell properties Advanced Advanced properties Id Style Language direction Language code Background image Border color Background color Update current cell The advanced tab allows you to define advanced properties for the table cell See Table Properties Advanced Tab for more details Row Properties To modify the properties of a row you would Inserts a new table do this via the Table row properties dialog gt Table properties box which you can open by right clicking Delete table anywhere in the table and selecting Row gt Table row properties a GN Table row properties Column g Insert row before 3 Insert row after Delete row 44 Cut table row E3 Copy table row GA Paste table row before QA Paste table row after Umbraco Editors Manual Page 31 General Tab Table row properties x General Advanced General properties Row in table part Table Body m Alignment Not set Vertical alignment Not set Class Not set Height Update current row Row in table part The row in table part dropdown allows you to define whether the row should appear in the head body or foot of the table This is often used to allow different styling for header and footer rows to that of the main body of the table If you are unsure which to use you should leave the field set to Table Body Alignment Using alignment you can decide how the content of the
4. Inn Website User Manual umbraco Produced by the Umbraco Community Umbraco v4 9 16 13 Contents 1 1 1 2 2 1 2 2 2 3 2 4 2 4 1 2 4 2 2 5 2 6 2 2 8 2 9 3 1 3 1 1 3 1 2 3 1 3 3 1 4 3 1 5 3 1 6 3 1 7 3 1 8 3 1 9 3 1 10 4 1 4 2 4 3 EEO vac ei ecb ihre re stun stasuve setae dee pecin aA E 3 American Inns of Court Inn Websites cceccceccseeeeeeeeeeeeeeeeeeeeeeeeeaeeeeeesseeeeeeeseaeeeeesaaeeeeeesseaeeeeeaeas 3 OOM CHOON to UMBraCO sessen E OREA T REEE E 3 Getting Started with UND IAGO voseccsecsctde sede ccesidsccecctecedectiectescenieweesbesscactecdeuantcausccecstineiate 4 EIA Otters rnc acters ng A E E nee hanna queens comet ecouaien name ees 4 The Edit Mode INEM ACC vex ciseanciovnadicsnariseviinesdsvinesarwidvaonsonsiavedeuasmedenpnenddauetiwawesuiadaeuiaemoswiaiesyiadenasdaus 4 Create Save and Publish Content ccccccccccececeeeeeeceeeeeeceeeeeeeeeeeeeeeeeueeeueeeeeeneeeeeeeeaeeeneesneeeneneenes 5 Ediung EI St CON ENI reri E a N a 7 Automatically Generated Content ccccccceecceceeeeceseeeeeeeeeeeeeeeeesasaeeeeeceeeeeeeesseaeaaeeseeeseeeeesseeaagas 7 Various Saving and Publishing Oftions cccccccccecesesessseseeeeeeeeeeesseeeeseeeeeeeeeeeessaaaaeeeeeeeeeeeees 8 Working on the Structure of the WeDSItC cccccccescseeeeeeeeeeeeeeeeeeeeeeeseeeeeeessseaeeeesseaeeeeeseeeeeeeeeas 9 Ordering NSS osisssa E deere oe Mette ee acl dealt uence E EEA 10 E
5. 08 2013 09 47 47 Last edited 14 08 2013 11 16 Publish at 53 No date chosen Remove at No date chosen Link to document for members inns the generic american inn of court program materials aspx Inn ID Inn Banner Generic AIC Banner Image Delete Choose Hide in navigation Vox Inn Members Only Yes m Sections 4 m Content Media Umbraco Editors Manual Page 41 5 Editing in Canvas Mode In Umbraco as well as being able to edit content via the Editor interface you are also able to do in place editing To edit content in this way you need to edit the page in Canvas Mode 1 Right click on the page you want to edit in the content tree and select Edit in Canvas from the context menu This will then launch the page in canvas mode Click an editable area to start editing the content Once you are happy with your changes click Save or Save and Publish to save your changes 1 Right click on a page in the Content tree and choose Edit in Canvas Content Welcome Editor d Content a Runway Homepage In 5 Gl Create Gt Edit in Canvas E Recyg 3 Delete b Move Copy Sort Rollback Publish Manage hostnames Permissions Public access Audit Trail Notifications Send To Translation Reload nodes Internet Protected Mode On ay 100 v Umbraco Editors Manual Page 42 2 The Canvas editor interface is displayed ett e sta I
6. 1 Working with Folders Folders can be used to help organize the Media section and to keep similar items in a logical structure Creating a Folder Select the folder to which you would like the new folder to be a sub folder of 2 Right click the folder and click Create from the context menu then select Folder from the media type dropdown and enter a name for the folder 3 Click Create 1 Select a folder in the media tree 2a Click Create from the context menu Welcome Editor Create Move Delete Sort Reload nodes Internet Protected Mode On Umbraco Editors Manual Page 34 2b Select Folder media type and enter a name for the folder 3 Click Create Internet Protected Mode On Enter a name for your folder and set the media type to Folder Click the Create button Deleting a Folder If you wish to tidy up the Media section of your site you can easily delete existing folders 1 Select the folder you want to delete 2 Right click the folder and click Delete from the context menu 3 Click OK to confirm deletion of the page or click Cancel to cancel deletion If you have deleted a folder in error please contact Andrew Young ayoung innsofcourt org Moving a Folder You can easily move folders within the Media section using the move function 1 Select the folder you want to move Right click the folder and click Move from the context menu 2 3 Select the pare
7. row should be aligned Here you can select to position the contents of the row to the left to the right or have it centered Vertical alignment Using vertical alignment you can decide how the content of the row should be vertically aligned Here you can select to position the content of the row to the top to the bottom or have it centered Class The class dropdown provides a list of stylesheet classes that can be assigned to the row These allow you apply predefined styles to the row The number of options within this list may differ between installs Please contact your system administrator for details about which classes are available in your installation Height The height field defines the physical dimensions of the row and can be defined in either pixels or as a percentage of the containing element To enter a pixel dimension simply enter the number of pixels you want the row to be or alternatively for a percentage based dimension enter a number between 1 and 100 followed by the character Row dropdown The row dropdown allows you to define which rows the changes should apply to Here you can select to apply the changes to the current row to odd rows to even rows or to all rows Umbraco Editors Manual Page 32 Advanced Tab Table row properties General Advanced Advanced properties Id Style Language direction a Not set Language code Background image Background co
8. which is the basis of your website Under the home page you then create the structure you want by creating new pages It may be appropriate to create pages so that the structure is ready before you fill the pages with content It is also very easy to move and copy pages in the structure Umbraco Editors Manual Page 9 2 6 Ordering Pages The pages in Umbraco are sorted in the tree structure according to a predefined sort order It is most common for the page that has been created most recently to be placed at the top of the tree structure You can easily change the sort order of the pages in a section of the website by using the sort function 1 Select the parent page of the section to sort The page to which the pages you wish to sort are sub pages of Right click the page and click Sort from the context menu Drag the pages into the required order Alternatively click on the Name or Creation date column header to sort the items automatically by Name or Creation date Clicking ona column header again reverses the sort order Click Save 3b Click on the column headings to sort by Name or Creation date Creation date Sort order Installing runway modules 01 06 2008 23 12 1 Go further 01 06 2008 23 14 2 Getting started 01 06 2008 23 11 3 or Cancel Internet Protected Mode On 2 7 Moving a Page You can easily move pages between sections within the site structure using the move function 1 2 3
9. 09 Publish at No date chosen S Clear Date Umbraco Editors Manual Remove at No date chosen Z Clear Date Page 8 2 5 Working on the Structure of the Website Constructing a website from scratch requires a great deal of thought before the practical work begins It is important to have a clear idea of what information is to be displayed and how this should be structured so that visitors can easily find what they are looking for If a large amount of information is to be displayed it is even more important to plan properly before starting work There is a delicate balance between presenting enough information on a page and forcing a visitor to your page to filter through too much information From a purely technical point of view there is usually no particular problem in beginning with the practical work but this can entail a large amount of duplicate work if you are not satisfied It is normal to create an area based structure directly under the home page and to build up structures under this home page for each area To make it simple for visitors to find what they are looking for and navigate around your website it is a good idea to limit the menu structure to a maximum of three levels This also makes it easier for you to maintain the website in a clear manner The structure in Umbraco is made up of pages The names of the pages automatically form structures and menus At the top of the structure you will always find your Inn s home page
10. 1 incorporate more advanced formatting functionality such as headings sub Paragraph headings and paragraphs 1 Select the text you want to apply the style to 2 Select the style to apply from the Styles dropdown list Umbraco Editors Manual Page 14 Removing Formatting If you have formatted a paragraph or selection using the formatting buttons you can remove a formatting rule by selecting the text and click the relevant formatting button to remove that formatting rule Copying Content from Other Programs You can copy text to Umbraco from any program you like The important thing is to paste the text in the right way to maintain the look and feel of the website 1 Select and copy the text in the program you want to copy from Switch to Umbraco and enter edit mode for the page you wish to copy the text into Position the cursor in the editor at the point where you want to place the text Click Paste from Word in the editor toolbar In the dialog press Ctrl V to paste in the text oot aS eS S Click Insert to complete the process By pasting content in this way it ensures that only those formatting rules allowed by the system are kept and that the integrity of the site is maintained If you do paste in formatted text from another application without using the Paste from Word feature you can remove all formatting from the text by following the process as detailed in Removing Formatting 3 1 6 Show Hide HTML Code If
11. 2a Right click and select Create from the context menu Main Content Properties fessional Creed o E T Aan X Ga A Styles BZU E AR Er E 9 welcome to the Generic American Inn of Court website If you are interested in updating the content of this page please e mail us Page 5 2b Enter a name for the page Create Name Choose Document Type Interior Inn Page Interior Inn Page No description available ia Create or Cancel 3 Add content to the page Click Preview to preview the page 6 Click Save and Publish to make the changes live Type to search Content Properties The Generic American Inn of Court Q Q m X Ga A Styles A B U aE b ezagaz k American Inns of Court Professional Gree American Inns of Court Professional Creed Whereas the Rule of Law is essential to preserving and protecting the rights and liberties of a free people and Whereas throughout history lawyers and judges have preserved protected and defended the Rule of Law in order to ensure justice for all and Whereas preservation and promulgation of the highest standards of excellence in professionalism ethics civility and legal skills are essential to achieving justice under the Rule of Law Now therefore as a member of an American Inn of Court I hereby adopt this professional creed with a pledge to honor its principles and practices e J will treat the practice of law as a lea
12. 4 Umbraco Editors Manual Select the page you want to move Right click the page and click Move from the context menu Select the parent page you want to move the page below Click OK Page 10 je e Gn acoO ioce OW e x OTe potent I Windows interne t EXPIOTe bra O http umbraco local umbraco umbraco aspx Move Select where the document Getting started should be moved to below d Content a Runway Homepage o Installing runway modules lo Go further Getting started Runway Homepage has been selected as the root of your new content click ok below Co or Cancel Internet Protected Mode On f v 100 v 2 8 Copying a Page If you want to reuse a page or structure you have created previously you can copy the page and its sub pages to a different point within the site structure When you copy a page all its sub pages will also be copied You can also define whether links should be automatically updated or keep the linkage with the original pages 1 a oe oS bf 3 Select the page you want to copy Right click the page and click Copy from the context menu Select the parent page to which you want to copy the page below Select whether to Relate copied items to the original page Click OK epaye umoraco Draco iocal Inac s Internet cxplore pS http umbraco local umbraco umbraco aspx Umbraco Editors Manual Copy
13. Cell type Use the Cell type option to indicate whether the cell is a data cell or a header cell This results in a lt th gt for a header cell and a lt td gt for a data cell Vertical alignment Using vertical alignment you can decide how the content of the cell should be vertically aligned Here you can select to position the content of the cell to the top to the bottom or have it centered Scope The scope field allows you to define the scope of a cell The scope is a way of associating header and data cells in a table The scope identifies whether a cell is a header for a column row or group of columns or rows The scope will generally make no visual difference in your web browser Width Height The width and height fields define the physical dimensions of the cell and can be defined in either pixels or as a percentage of the containing element To enter a pixel dimension simply enter the number of pixels you want the cell to be or alternatively for a percentage based dimension enter a number between 1 and 100 followed by the character Class The class dropdown provides a list of style sheet classes that can be assigned to the cell These allow you apply predefined styles to the cell The number of options within this list may differ between installs Please contact your system administrator for details about which classes are available in your installation Umbraco Editors Manual Page 30 Advanced Tab
14. O NAC AGS E E E cates ss E E E E esos qanatendecanties atin tadautacesadenee 10 COD VIN PS aae E E A E E E 11 BOCI aA FA aaa E E E TAE E E EE E EE O AE EREE 12 a WIN COMENT seeeices cepcaccasenevcccopsnsmanneeasasnenammngeinandaseniss dar bereensemacusenasarerasenorelauans 13 RICA TERA OY sre tae coniantecianen tected nten aaee E E A T 13 EGON UOLS aeaee E E E E oi gegusacemasaimsccaneaues 13 Paragraph Break Line Break cccccccseccsecccececeeeceueceucesuecseecsucesueesessueeseueesaessueesaeeseeseneeess 13 SNO CUTK EVS cacena cea acanenntetceaenasasancecsds EER E a T 14 Editor Context Menu Right Click cccccccccssseececcceececceeeeseeseeeaeeecsseseeeesseaaeeeessaaeesseuaaseess 14 Text Formatting cece stereansnacattacnabaccn boc tesiantncanacananeatncnamandscrensdsnaianaemicen sataei ian tilseiabudanieleaencndndasumieneanees 14 SNOW PIGS ATMEL COG sinesinde eeraa a Ea uae r e SoN 15 E a E E A A 15 VVOFKING WiN NIM AGSS sssini irn aaa aaa a ea Ea adana ranae iadaan nanain 22 LELE AE PEE PE EE E E E E A E E EES 25 VADIO eee E rc na ae ae sata E EAE E E A 26 Media Management in Umbraco cccsscceeseeeseeeeeeesseeeeeeesseeseenseeeeeenseeeseoesseeseonseessonaes 34 Working with Folders ciccciisiacisciicncuaiciaaetensnasibastenasasaaw cee dacmebaasndianhauewewuuenecvadevadntiunalwedetwaneacanastesedaandans 34 Working with Images and Files ccccececseeeeceeeeceeeeceeeeeeeeeeseeeeseeeeseueesseeeeeeeeesueeseeeeseeesee
15. Select where the document Getting started should be copied to below Content a Runway Homepage Installing runway modules lo Go further o Getting started Relate copied items to original F Installing runway modules has been selected as the root of your new content click ok below o or Cancel Internet Protected Mode On Page 11 2 9 Deleting a Page If you have pages on your website that are no longer relevent you can delete them from the website 1 Select the page you want to delete 2 Right click the page and click Delete from the context menu 3 Click OK to confirm deletion of the page or click Cancel to cancel deletion Please Note There is no Recycle Bin so if you delete a page accidentally please contact Andrew Young ayoung innsofcourt org Umbraco Editors Manual Page 12 3 Working with Content In this section we will show how to work with different data types in Umbraco In practice you build up your entire website with the aid of ready made page templates instead of building it using HTML and programming which is normal when you do not have a tool like Umbraco Basically you only need to fill in the information since the functionality is contained in the page template 3 1 Rich Text Editor The Umbraco Rich Text Editor is the field where you as editor can be creative You select how much you want to do yourself You can work on text content format the text or s
16. Umbraco Select the text that will form the hyperlink Click the Insert Link button to launch the link properties dialog box Select a page from the Content tab to link to In the Title field enter the text that will be shown as a pointer to the link This is important information for everyone reading the website with different accessibility aids By default the name of the selected page will automatically be enter for your convenience In the Target field select the target window frame the link should be opened in Pe o E Click Insert Insertedit link Uri getting started aspx Getting started Open in this window frame Anchor Content Media Content a Runway Homepage b amp l Installing runway modules Go further Umbraco Editors Manual Page 17 Link to a Media File in Umbraco 1 Select the text that will form the hyperlink 2 Click the Insert Link button to launch the link properties dialog box 3 Select a media file from the Media tab to link to 4 Inthe Title field enter the text that will be shown as a pointer to the link This is important information for everyone reading the website with different accessibility aids 5 Inthe Target field select the target window frame the link should be opened in Click Insert Inservedit link Uri imedia 24 u mbraco v4 whitepaper pdt Download Sales Report
17. arted You ve installed umbraco and a minimal Runv y website Edit the text on the homepage and create a site structure by adding new texpages to your site This is all done in the Content section If you find the editing options provided by Runvay too limited fo you needs simply add more properties to the page by going to the Settings Section expanding the Document Types item and adding new properties oh the Generic Properties tab You can find more information about document typ s and properties at the umbraco website But mostly you ll probably want to personalize your site by changing the current design This is also done in the Settings section by editing the CSS les and HTML templates Umbraco uses master templates so the main commdn markup is placed in the Runway Master template while the Homeage and Textplage have separate templates for their unique layouts You can find more informatign about B Internet Protected Mode On 3 Click an editable area to start editing the content Umbraco Editors Manual Page 43 5 1 Canvas Mode Buttons Below are all the default editor buttons available when in canvas mode Save Save and Publish ff lal Save y Save and publish lt gt 2 Add page Delete Unpublish Umbraco Editors Manual Page 44 6 Version Management Umbraco allows you to work with multiple versions of the same page All previously published pages are
18. cro Updating a Macro on the Page oa YS Select the macro to update Click the Insert Macro button from the toolbar to open the macro properties dialog box Configure the macro as required Click OK to update the macro 3 1 10 Tables f Tables are used to format information in a grid based structure When you insert a table you select how many rows and columns the table should comprise of as well as fill ina number of additional optional formatting properties These values can be altered later so you do not need to Know exactly what your table will look like when you create it Table Properties Once you have created a table you can tailor it to your requirements Inserts a new table You can change its position on the page change the width of table and Table properties enter colors and background images Make these changes in the Delete table Insert Modify table dialog box which you can open by right clicking Cell anywhere in the table and selecting Table Properties o OY Column d Umbraco Editors Manual Page 26 General Tab Insert Modify table 2 General Advanced General properties Cols 2 Rows 2 Cellpadding Cellspacing Alignment Not set Border 0 Width Height Class Not set m Table caption E Cols Rows The cols and rows field defines how many columns and rows will make up your table Cell padding Cell padding is the distance from the
19. e ium oca 1089 ap SES E W Favorites E started Runway led Save G Save and publish B X Runway Off to a great start Installing runway modules Go further Getting started Getting started You ve installed umbraco and a minimal Runway website Edit the text on the homepage and create a site structure by adding new texpages to your site This is all done in the Content section If you find the editing options provided by Runway too limited for you needs simply add more properties to the page by going to the Settings section expanding the Document Types item and adding new properties on the Generic Properties tab You can find more information about document types and properties at the umbraco website But mostly you ll probably want to personalize your site by changing the current design This is also done in the Settings section by editing the CSS styles and HTML templates Umbraco uses master templates so the main common markup is A ae 4 i_ i i 8 4h Bie I T t La he 4 J 4 Sh gt gt Jae He Internet Protected Mode On ay 4 Click Save or Save and Publish to save changes f eti g started Run PA Sn aian Ea acy S E O E A A Tes Se oOo ani le Save y Save and pubie R X mm 5 HE SE 2 ob SY amp Q Logout Editor gt Off to a great start Installing runway modules Go further Getting started Getting st
20. eb browser knows where it should go Insert an anchor 1 Select the text where you want to place a bookmark 2 Click Insert Anchor in the toolbar 3 Inthe Name field enter a name for you anchor If possible avoid using special character or spaces Select Insert The anchor is displayed in the editor as a yellow anchor symbol i Insert local link x Mame myan ch or Change an Anchor 1 Select the anchor symbol in the editor 2 Click Insert Anchor in the toolbar 3 Inthe Name field update the name for you anchor If possible avoid using special character or spaces 4 Select Insert Delete an Anchor 1 Select the anchor symbol in the editor 2 Press the Delete key Umbraco Editors Manual Page 20 Link to an Anchor 1 Select the text that will form the hyperlink 2 Click the Insert Link button to launch the link properties dialog box 3 Inthe Title field enter the text that will be shown as a pointer to the link This is important information for everyone reading the website with different accessibility aids In the Target field select the target window frame the link should be opened in Select the anchor to link to from the Anchor dropdown list Click Insert Insertiedit link x Url myanchor Title Jump to more information Target Open in this window frame Anchor myanchor Content Media J Content a Runway Homepage 2 Installing runway modules 2 Go further Getting started i
21. edge of the cell to its content The distance is given in pixels The default value for cell padding is 1 pixel If you do not want any distance you must specify the value 0 Cell spacing Cell spacing is the distance between the cells in a table The distance is given in pixels The default value for cell spacing is 2 pixels If you do not want any distance you must specify the value 0 Alignment Using alignment you can decide where on the page the table will be placed Here you can select to position the table to the left to the right or have it centered Border The border field defines in pixels the thickness of a border line to go around the table If you do not want any border you must specify the value 0 Width Height The width and height fields define the physical dimensions of the table and can be defined in either pixels or as a percentage of the containing element To enter a pixel dimension simply enter the number of pixels you want the table to be or alternatively for a percentage based dimension enter a number between 1 and 100 followed by the character Setting the height of a table is generally not common practice although it can be done If a height is not defined then the height of the table is generally governed by its content Umbraco Editors Manual Page 27 Class The class dropdown provides a list of style sheet classes that can be assigned to the table These allow you to apply predefined
22. eesseeeess 37 Creating a Banner Image cccccseeccceeceseeeeeceeeeeeeceeeseeeeeeeeeceeeseeeseeseeeeseeeeseaeeeesseaeeeeessaaeeeessaeeeees 39 Editing in Canvas Mode vcs chic dececesncacincnceuniecrcnctuasausatannnnnanensdanadanasantensauvanibabieubdvnabnminnesindans 42 Canvas Mode Buttons dccesascinteaisnndencewsausindsetadeatewennesqedantdeceasasaettice mwdsakaniewesthicaiusiosueanawccudademeteesicente 44 Version Manage MeN ee aaa 45 Comparing Versions ssesissrsisedenesiiineii e a aiaa aiia 45 Rollback to a Previous Version siidewasavawsinvwsireservicutancdesortiocnsavicnedstxuinwondusttiedeierredsusdnsseueblaumdadews 47 AOON eS O aT tence 48 Umbraco Editors Manual Page 2 1 Introduction 1 1 American Inns of Court Inn Websites The American Inns of Court provides a free hosted website for every Inn of Court A website is an important tool to facilitate communication with Inn members and connect with the community The Inn website can also be used to post important content such as e Inn history e Inn bylaws and policies e Program materials e The American Inns of Court Diversity Policy e The American Inns of Court Professional Creed Along with facilitating communication maintaining an Inn website is one of the communication requirements in the Achieving Excellence program Designated web administrators must be provided with log in information provided by the national office If you are interested in setting up your Inn s
23. ies whe American Inns of Court Professional Cree Id Document Type Template Publication Status Last edited Publish at Remove at Link to document Inn ID Inn Banner Hide in navigation Inn Members Only 4 Select your banner image Umbraco Editors Manual Miusies PSA Mein fy iat Narre Created by Created i Document Typs Template Publication Ste Last eedited Pilish at Remove AS Link to donun inp HZ inn Barrer Hide in navigation inn Members Oniy Program Materials Christina 13 08 2013 15 35 15 9030 Interior Inn Page inn Page Last published 14 08 2013 09 47 47 14 08 2013 11 16 No date chosen 5 No date chosen for members inns the generic american inn of court program materials aspx Choose Yes Yes AEEA Ebyeyrigar tyt a Choose Media Media gt Generic AIC Program Materials D Misc Images Generic AIC Banner Image Page 40 Click Save 6 Click Preview Click Save and Publish Type to search O Loonet tne Content ain Conten Properties The Generic American Inn of Court da amp 3 American Inns of Court Professional Cree Diversity Policy Name Program Malsebie Program Materials Created by Christina Created 13 08 2013 15 35 15 Id 9030 Document Type Interior Inn Page Template Inn Page x Publication Status Last published 14
24. imply leave it the way it is If you want to do more you can insert images create tables or create links to other page or documents You are only limited by the scope of your own imagination 3 1 1 Editor Buttons Below are all the default editor buttons available Save Save amp Publish Show Hide HTML code Bold Numbered list Preview Undo Italic Outdent i su list Vs indent arm X G foul J Styles B bi EHS 2 7 Cut ZO Underlining Insert hyperlink Copy Remove hyperlink Paste from Word Insert anchor Style Insert image Insert macro Insert table Special characters 3 1 2 Paragraph Break Line Break Wel ti FA The Editor is like any other word processing program You write the text and the text wraps around when the line reaches the end When you press ENTER in the editor you get a paragraph break which means there is space between the paragraphs If you do not want a space you have to make a line break instead You do this by pressing SHIFT ENTER Umbraco Editors Manual Page 13 3 1 3 Shortcut Keys To make your work easier there are shortcut keys for certain editor functions Shortcut keys let you use the keyboard to carry out certain commands Ctrl Z Undo Ctrl Y Redo Ctrl X Cut Ctrl C Copy Ctrl V Paste Ctrl B Bold Ctrl Italic Ctrl U Underline Ctrl A Select all 3 1 4 Editor Context Menu Right Click As well as the editor toolbar you also have access t
25. lor Update current row _ The advanced tab allows you to define advanced properties for the table row See Table Properties Advanced Tab for more details Modify the number of Rows and Columns in a Table If you have a table on a page that you want to add or remove rows or columns from at a later point you can do this by right clicking Ea Inserts a new table iey Table properties T Delete table the table and selecting one of the insert or l Cell remove options from either the row or columns sub menu n i Column T Insert column before BE Insert column after F Remove column Merging Cells If you want to merge two or more cells in a table you can do this via the Merge table cells dialog box by right clicking the left top most cell you want to merge Merge table cells and selecting Cell gt Merge tables cells From the Cals dialog you can say how many columns or rows you want to merge the cell over Merge table cells Splitting Cells You can re split two or more cells that you previously merged by right clicking in the cell and selecting Cell gt Split merged table cell Umbraco Editors Manual Page 33 4 Media Management in Umbraco All media within your site first needs to be loaded into the Media section The Media section is basically a media library for the site Within the Media section you can create folders and files in a similar manner to that of your desktop computer 4
26. n regarding the content authoring process We also have AIC specific documentation available for learning the process of working with the customizations to this website that differ from the base install of Umbraco The structure as the user sees it in edit mode Every heading here corresponds to a page on the website Sections 4 Be Content Media The sections panel used to navigate around edit mode sections Content amp Media Umbraco Editors Manual Page 4 gt O E ig 2 3 Create Save and Publish Content The procedure for creating pages in Umbraco can be described in six easy steps Start by deciding where to locate the page then create the page add content to the page save the page preview the page and finally publish the page 1 2 oY SS eric American Inn of Court Create Edit in Canvas Delete Move Copy Sort Rollback Publish Manage hostnames Permissions Public access Audit Trail Notifications Send To Translation Reload nodes Umbraco Editors Manual Select the page for which you would like to create a new sub page Right click the page and click Create from the context menu then select the document type and enter a name for the page Add content to the page Click Save Click Preview to preview how the page will appear on the live website Once you are satisfied click Save and Publish to make the changes live 1 Select a page in the content tree
27. nset or cancel Create a Link from an Image You can make images into clickable links in Umbraco 1 Insert an image into the editor See Working with Images for more details 2 Select the image that will form the hyperlink 3 From here follow the same instructions as for inserting a normal hyperlink starting at step 2 Umbraco Editors Manual Page 21 3 1 8 Working with Images To display images on a page they must be stored on the web server Unlike many other computer applications a web page does not embed images Instead it uses a link to the image and location on the web server upon which the image is stored This means that if you delete an image from the web server it will also disappear from the page For a variety of reasons some visitors will not be able to see the images on your website It is also common that many people disable the display of images when browsing the web if their modem connection is slow People who are visually impaired can read web pages using various accessibility tools however images are often difficult to read So that both these groups of people can understand what an image represents it is important to provide a text option where the image is described in words You enter the description of the image in the Name field Umbraco Editors Manual Page 22 Inserting an Image from the Media Library Place the cursor in the editor where you want to insert your image Click the In
28. nt folder you want to move the folder below 4 Click OK Umbraco Editors Manual Page 35 Select where the document Banners should be moved to below Ji Media gt J Banners J Downloads Downloads has been selected as the root of your new content click ok below Gn or Cancel Internet Protected Mode On Sorting the Contents of a Folder Media items in Umbraco are sorted in the tree structure according to a predefined sort order It is most common for the item that has been created most recently to be placed at the bottom of the tree structure You can easily change the sort order of the items in a folder by using the sort Select the folder to sort Right click the folder and click Sort from the context menu Drag the folders images and files into the required order Alternatively click on the Name or Creation date column header to sort the items automatically by Name or Creation date Clicking on a column header again reverses the sort order function 1 2 3 4 Click Save Umbraco Editors Manual 3b Click on the column headings to sort by Name or Creation date headers to sort Name image jpg file pdf or Cancel iter up or down below to set how they should be arranged Or click the coloumn entire collection of items Creation date Sort order 05 07 2010 13 14 1 05 07 2010 13 15 2 Internet Protected Mode On gy 100 Page 36 4 2 Working with Image
29. o Be Canu all the standard tools via a context menu To display A the context menu simply right click anywhere within WF Insert picture the editor content area _ a Alignmen Lei Inserts a new table Center 3 1 5 Text Formatting Right You do not normally need to spend much time Ful formatting text because Umbraco takes care of a lot of formatting for you When the default formatting is not enough however there are a number of options for controlling the formatting of text Formatting Buttons The most basic and probably the most familiar way to control formatting are via the formatting buttons These work much the same as those found in most word processing applications such as Microsoft Word With these you can apply simple formatting such as Bold talic and Underline as well as altering text alignment and creating bulleted and numbered lists Il ill Hl l 3 nel HEH 7 U Regardless of the formatting being applied the process for applying a format using the formatting buttons is always the same 1 Select the text you want to apply the formatting to 2 Click the formatting button to apply the formatting you wish to add Styles aS Another way of apply formatting is via the Styles dropdown list The styles Styles B list provides a set of predefined styles that can be applied to text whilst Ta maintaining a consistent look and feel through the site These styles often Sub Heading
30. on Umbraco Editors Manual Page 38 Moving an Image or File You can easily move images between folders within the Media section using the move function 1 Select the image you want to move Right click the image and click Move from the context menu 2 3 Select the parent folder to which you want to move the image below 4 Click OK JE Media umb local Windows Internet Explorer st oe http umb local umbraco umbraco aspx media Move Select where the document office jps should be moved to below J Media gt Jj Banners J Downloads Downloads has been selected as the root of your new content click ok below ox or Cancel Internet Protected Mode On 4 3 Creating a Banner Image You can easily customize the Inn s website by adding a banner image Banner images will appear at the top of every page and sub page you created 1 Upload your banner image to the Media section see Uploading an Image or File for further instruction Navigate to the Properties tab of the Content section Next to Inn Banner click Choose Select your image Click Save Click Preview N o 2S S fF Click Save and Publish Umbraco Editors Manual Page 39 2 Navigate to the Properties tab Type to search Next to Inn Banner click Choose Content Diversity Policy Program Materials The Generic American Inn of Court ain Content Propert
31. ors From the least experienced to the most seasoned are vital to maximizing the Inn experience Sections 4 m Content Media 2 4 1 Automatically Generated Content All Inn web pages have automatically generated links on the left sidebar These links include Officers Members Meetings Teams and Committees All Inns will have information regarding their Officers and Membership Inns using the Inn Management System IMS will be able to view the Meetings Teams and Committees they have set up in the IMS through these links Inns not using the IMS will not have information on Meetings Teams or Committees If you would like to add this information or sign up for the IMS please contact your Director of Chapter Relations When a sub page is created a link to the sub pages is automatically generated and will appear at the bottom of the screen Links to the sub pages appear on both the home screen and all sub pages for easy navigation Umbraco Editors Manual Page 7 2 4 2 Various Saving and Publishing Options It is possible to save the contents of a page in several different ways The various alternatives suit different occasions depending on what you want to do after you have saved Save H The Save button is ideal for when you are working on one page for a long period of time To be sure that you won t lose any of the changes you should save regularly When you select Save the content is stored but not published to the live web
32. revious version of the page 1 Follow the steps in Comparing Versions 2 When you have chosen the version of the page that you wish to rollback to click the Rollback button 3 Click OK to confirm the rollback Your content has now been rolled back to the selected version of the page 4 Click the Close this Window link to return to the Content tree Umbraco Editors Manual Page 47 7 Additional Questions If you have additional questions regarding the Umbraco tool please contact our national office American Inns of Court 225 Reinekers Ln Ste 770 Alexandria VA 22314 800 233 3590 Andrew Young Director of Knowledge Resources ayoung innsofcourt or Christina Hartle Member Services Coordinator chartle innsofcourt org Pam Wittmann Director of Chapter Relations Southeast Region pwittmann innsofcourt org Ernest Barrens Director of Chapter Relations Northeast Region ebarrens innsofcourt org Anne Paul Director of Chapter Relations Midwest Region apaul innsofcourt org Caryn Worcester Director of Chapter Relations Western Region cworcester innsofcourt or Umbraco Editors Manual Page 48
33. rned profession and wil uphold the standards of the profession with dignity civility and courtesy e Twill value my integrity above all My word is my bond e 7 wili develop my practice with dignity and will be mindful in my communications with the public that what is constitutionally permissible may not be professionally appropriate e Iwill serve as an officer of the court encouraging respect for the law in all that I do and avoiding abuse or misuse of the law its procedures its participants and its processes e Iwill represent the interests of my client with vigor and wil seek the most expeditious and feast costly solutions to problems resolving disputes through negotiation whenever possible e 7 will work continuously to attain the highest level of knowledge and skill in the areas of the law in which I practice e J wil contribute time and resources to public service charitable activities and pro bono work Iwill work to make the legal system more accessible responsive and effective Tail hanar tha raauirarnante tha enirit ana tha intant af tha annticntia nilan ar andan af K Sections 7 E Content Media Umbraco Editors Manual Page 6 2 4 Editing Existing Content To edit a page in edit mode 1 Browse to the page you want to edit in the tree structure within the content panel and select the page by clicking its name The edit interface for the page is then displayed on the right You can browse subpages in the tree
34. s and Files Uploading an Image or File Select the folder where you would like to create your new image or file Right click the folder and click Create from the context menu Enter a name for the new item and select the media type Image or File Click Create In the next screen click on the Browse button to choose the image or file from your computer that you want to upload to the site ar O N gt 6 When you have chosen click the Save icon to save your image 2 Right click the folder and click Create Welcome Editor dJ Media d Bannaore di Pr Create J Si X Move Delete ti Sort Reload nodes Internet Protected Mode On qa vy 100 v Umbraco Editors Manual Page 37 3a Enter a name for your new item 3b Select the media type Choose Media Type Image or Cancel 4 Click Create Internet Protected Mode On f v 100 v Type to search Media Image Properties Ji Media H Banners J Press Releases Staff Photos 6 Click the Save icon 5 Click Browse and choose your file Internet Protected Mode On a vy 100 Deleting an Image or File If you wish to tidy up the Media section of your site you can easily delete existing images 1 Select the image you want to delete 2 Right click the image and click Delete from the context menu 3 Click OK to confirm deletion of the image or click Cancel to cancel deleti
35. saved in a version history list This means that you never lose changes to a page because all old versions of the page are always saved to the history You then have the opportunity to access and re publish older versions if necessary 6 1 Comparing Versions To compare a page on the site with its previous versions 1 Right click on the page and choose the Rollback option In the Rollback dialogue box select a version from the Rollback To dropdown list When you select a version from the dropdown list you are presented with a comparison of the current page with the version you selected Red struck out text is text that will not appear in the selected version and green means text that will be added should you choose to rollback to that version of the page 4 If you check the Html checkbox you will be shown the selected version of the page as Html Check the Diff checkbox to see the differences between the versions as a list of fields 1 Right click on a page in the Content tree and choose Rollback Content Umbraco CMS umb4042 local Windows internet Explorer http umb4042 local umbraco umbraco aspx corftent Content d Content a Runway Homepage Create ol Edit in Canvas Z Rec 3 Delete Move u Copy Sort amp S Rollback Publish a gt Manage hostnames Permissions Public access ls Spun Audit Trail Notifications Send To Translation Reload nodes
36. sert Image button from the toolbar to open the image properties dialog box Select an image from the Choose tab to insert Pe o In the Name field enter a name description for the image By default the name of the file will be automatically entered for your convenience 5 Enter the desired dimensions of the image in the Width and Height fields If you choose to enter your own values ensure the Constrain proportions checkbox is checked to ensure the image maintains its aspect ratio and prevents distortion of your image By default the actual width and height of the image will be automatically entered for you convenience 6 Click Insert to add the image Insert picture media 34 logo umbraco 2009 05_jpq Umbraco Logo jpg Width 179 Height 176 jv Constrain proportions Choose Create New Media gt i Downloads a Images u mbraco Logo jpa Umbraco Editors Manual Page 23 Inserting an Image from your Computer Place the cursor in the editor where you want to insert your image Click the Insert Image button from the toolbar to open the image properties dialog box Click the Create New tab In the Name field enter a name for the image aS ee NS In the File field choose a file to upload by clicking Browse button and selecting the file to be uploaded 6 Inthe Save at field choose a location within the media folder to upload the image to b
37. site You can use the Preview button to preview how the page will appear on the live website Save and Publish The Save and publish button is ideal for when you want to publish a previously saved G page to the live website or to just publish a page without previewing it Publish Context Menu The Publish option within the context menu is ideal for when you want to publish a page and all of its sub pages all at once When you click Publish a dialog is displayed for you to choose which pages should be published Publish eee re Windows Inte http umbraco local umbraco umbraco aspx Publish Click ok to publish Installing runway modules and thereby making it s content publicly available You can publish this page and all it s sub pages by checking publish all children below Publish Installing runway modules and all its subpages Include unpublished child pages or Cancel Internet Protected Mode On f 7 100 vw Scheduled Publishing Scheduled publishing is ideal when you need a page to go live at a specific date and time when it is not convenient to do so manually The scheduled publish settings can be found on the properties tab of the page you wish to publish Simply select a Publish at date then click Save and the page will publish itself automatically when the selected date occurs Publication Status ast published 06 02 2010 Unpublish Last edited 06 02 2010 20
38. structure by clicking the triangle in front of the page name Make your changes to the content Click Save Click Preview to preview how the page will appear on the live website oe ey Once you are satisfied click Save and Publish to make the changes live 1 Select a page in the content tree 2 Make your changes to the content 4 Click Preview to preview the page Click Save 5 Click Save and Publish Content ain Content The Generic American Inn of Cou H e A L X Ba Styles BZU i s b Big cA NQ r a Ideals of the Inns of Court Movement Upholding the standards of the legal profession Practicing law with dignity and respect Encouraging respect for our system of justice e Achieving a higher level of legal excellence Developing a deeper sense of professionalism Ideals of Diversity The American Inns of Court firmly believes that personal diversity in all its aspects is essential to our ability to accomplish our mission Diversity embodies all those differences that make us unique individuals We value the differences in views and perspectives and the varied experiences that are part of a diverse membership Diversity enriches and broadens our membership which in turn leads to more creative and meaningful programs Professional diversity Legal professionals and law school faculty administrators and students All practice types from both the public and private sect
39. styles so that you do not have to style the whole table yourself The number of options within this list may differ between installs Please contact your system administrator for details about which classes are available in your installation Table caption Checking the table caption field will provide a caption area at the top of the table to allow you to define a caption for the table Advanced Tab Insert Modify table x DE Advanced Advanced properties Id Summary Style Language code Background image Frame Not set Rules Not set i Language direction Not set m Border color TA Background color The id field allows you to define a unique id for the table This is often used for scripting or styling purposes Summary Use the summary option to briefly describe the content of the table Style The style field allows you to define inline CSS code to style the table Please be aware that inline CSS may invalidate your page if your organization are following certain web standards protocols Language code The language code field allows you to define in which language the content of the table is targeted The code itself should be an ISO 639 language code Umbraco Editors Manual Page 28 Background image The background image field allows you to define the URL of an image to use as a background for the table Frame The frame dropdown allows you to choose ho
40. ted with Umbraco 2 1 Logging On Umbraco is a web publishing system that is easy for editors to use and does not require large hardware or software resources All you will need is basic word processing skills and any modern web browser To access edit mode open your web browser and enter http nome innsofcourt org umbraco umbraco aspx A login box will appear for you to enter your username and password If you have not been assigned a username or password please contact Andrew Young ayoung innsofcourt orq 2 2 The Edit Mode Interface Once you have logged in the following content will be shown in your browser On the left of the window is the contents panel showing the pages of the website in the form of a tree structure Below the content panel is the sections panel which contains links to the different sections of the edit mode interface The right side of the window either displays the current page or as in this case the start page in edit mode Quick search field to find existing content About 2 Heip Q Logout Christina Content Get Started Last Edits Change Password The Generic American Inn of Court 4 gt Welcome to AIC Powered by Umbraco Getting Started Welcome to the AIC website Umbraco admin panel This is where you can easily create and edit the content of your website If you re new to Umbraco we suggest checking out the Umbraco Editor s Manual for some basic detailed informatio
41. ty and provides a simple interface to be able to modify the macro to your requirements A macro can be anything from a contact form to an embeddable media player The advantage of macros is that it gives editors the ability to add complex elements to the page in a simple manner What macros are installed differs from system to system so please see your system administrator to find out which macros are available to you however the process for adding and updating a macro is always the same Adding a Macro to the Page Place the cursor in the editor where you want to insert your macro Click the Insert Macro button from the toolbar to open the macro properties dialog box Select a macro to insert from the Select macro dropdown list Click OK to select the macro Configure the macro as required Click OK to insert the macro oe aS SS The macro is displayed in the editor with a yellow dotted border Umbraco Editors Manual Page 25 E dit Doc2 Form Edit x s EF gt l Tri j Fa T a Carrey L A i FUP n Lae Ef I Document Type to Le display Template for saved Node Tabs to show mM Show tabs using wizard style Hide the Tab Names J yee Node to Edit Edit node specified a Show Title Property F Yes Label for Title Property Save Member Alias to Property Show property descriptions Yes E ok or Cancel Above is an example of the macro properties for the Doc2Form ma
42. w the outer borders of the table are displayed Rules The rules dropdown allows you to choose when internal borders should be displayed Language direction The language direction field allows you to define in which direction the content of the table should flow either left to right or right to left Border color The border color field allows you to define the color of the tables border The tables border field must be set to a number greater than 0 Background color The background color field allows you to define a background color for the table Cell Properties To modify the properties of cell you would Ff Inserts a new table need to do this via the Table cell properties Table properties dialog box which you can open by right Delete table clicking anywhere in the table cell and Cell gt E Table cell properties selecting Cell gt Table cell properties Raw EH Split merged table cells Column og Merge table cells Umbraco Editors Manual Page 29 General Tab Table cell properties General Advanced General properties Cell Alignment Not set Data g oe l lain Not set Scope Not set alignment pS 3 Width Height Class Not set isa Update current cell Alignment Using alignment you can decide how the content of the cell should be aligned Here you can select to position the contents of the cell to the left to the right or have it centered
43. website please contact Andrew Young ayoung innsofcourt org 1 2 Introduction to Umbraco Umbraco is an information platform that allows you to quickly and easily publish information on a website without the need for any specific knowledge of creating web pages Umbraco allows any user to easily create and update a company s website via a normal web browser It can be compared to simple word processing No special skills are needed to be able to create web pages using Umbraco and you will be able to create pages and publish them without any previous knowledge of HTML Nevertheless this will in no way reduce the functionality of your website Umbraco offers a number of complete functions that each editor can use to develop their website The aim of a platform such as Umbraco is to distribute the work involved in keeping a website up to date among as many people as possible It is easy to learn and use If you already have considerable experience in creating web pages you can use your knowledge to create web pages using HTML or other tools you are used to using which you can then integrate into Umbraco Anything you can do using HTML you can also do using Umbraco While Umbraco has been designed to be as intuitive as possible the objective of this document is to give editors the key skills they will need to perform their job and make learning and using Umbraco a breeze Happy editing Umbraco Editors Manual Page 3 2 Getting Star
44. y clicking the Choose link and selecting the appropriate folder 7 Click Save to upload the image Insert picture gt a Url Name Dimensions Width Height jw Constrain proportions Choose Create New Name Umbraco Logo jpe File C Users Matt Deskta Browse Save at Images Delete Choose Insert or Cancel 8 Inthe Name field enter a name description for the image By default the name of the file will be automatically entered for your convenience 9 Enter the desired dimensions of the image in the Width and Height fields If you choose to enter your own values ensure the Constrain proportions checkbox is checked to ensure the image maintains its aspect ratio and prevents distortion of your image By default the actual width and height of the image will be automatically entered for you convenience 10 Click Insert to add the image Umbraco Editors Manual Page 24 Insert picture x Url media 39 logo umbraco 2009 05_jpq Name Umbraco Logo jpg Dimensions Width 179 Height 1 6 W Constrain proportions Choose Create New Inset or Cancel Deleting an Image from the Page If you want to delete an image from the page simply select the image and press Delete The image disappears from the page but is not deleted from the web server 3 1 9 Macros In Umbraco macros are small building blocks of functionality that can be dropped into an 4 editor Each macro encompasses a piece of functionali
45. you are proficient in the use of HTML you can switch to HTML mode and create your page by writing HTML code You can also check the code and make minor adjustments here to get the page exactly as you want tt HTML 3 1 7 Links The Insert Link button is used to create links to internal pages and media files external pages e mail links and anchors The process for inserting a hyperlink differs depending on the type of hyperlink you wish to create oy Umbraco Editors Manual Page 15 Link to a Page on Another Website Select the text that will form the hyperlink Click the Insert Link button to launch the link properties dialog box In the URL field enter the URL of the web page you wish to link to In the Title field enter the text that will be shown as a pointer to the link This is important information for everyone reading the website with different accessibility aids In the Target field select the target window frame the link should be opened in s ea pn Click Insert Insert edit link Url http Awww google com Visit google com Open in this window frame i E Content Media Content Runway Homepage Installing runway modules Go further Getting started nse or cance Umbraco Editors Manual Page 16 Link to a Page in
Download Pdf Manuals
Related Search