"user manual"
Contents
1. SharpSchool User Manual Appendix A RadEditor Section 3 Multimedia The RadEditor offers users with several ways of uploading multimedia such as documents video Flash videos audio files and webcam recordings to a site The icons corresponding to these specific multimedia files are tabulated in Section 1 of this guide 1 The Document Manager There are two ways by which you can include documents within SharpSchool s system you can either upload them into a Document Container refer to Chapter 9 for more details or you may insert document hyperlinks on a webpage In this guide we will cover the steps required to create a document hyperlink To create documents hyperlinks simply click on the Document Manager icon Eg in the editor This will open the Document Manager window that contains two primary tabs Browse Files and Upload Files The Browse Files tab allows you to navigate through files that have already been added to the system The Upload Files tab allows you to upload files from your computer to the system Reminder You must highlight a specific word or phrase on your page before opening the Document Manager This word or phrase will become a hyperlink that will open the document If you do not highlight anything then the document link will be inserted with the original file name N N Note It is important that you create a folder with your name before uploading documents This will make it easier to find r2. Zoom V E be T wl Fonts Size Insert Date Insert Time About RadEditor Help Zoom Toggle Full Screen Mode Show Hide Border Module Manager Dock all Floating Toolbars Modules Repeat Last Command Formula Video Recorder Audio pageLink Font Name Font Size Inserts the date Inserts the time Provides information about the RadEditor Provides help Allows users to change the magnification of content within the editor Allows users to preview the page without the header and side menu Shows hides the border of a table This provides users with statistics about the HTML code on the page Users have the ability to float the tool bars of the editor If you have several toolbars floating all over the webpage simply click on this option to have them return to their original positions Repeats the last command performed on the editor Inserts a mathematical formula on the page Uploads videos Allows users to record video from their webcam Allows users to record audio and upload it to the site Inserts a hyperlink to pages within the site Changes the name of the font for the text If you do not have the font installed your computer will attempt to display the text using a similar font if one is available Makes the selected text a different size 7 Page SharpSchool User Manual ana Mi d wht II B v Apply CSS Class Increase Indent Decrease Indent
3. must only be used if CSS s have been established at your organization Contact your site administrator for information Hyperlink Manager Hyperlink Anchor d E mail Address Link Text Subject CSS Class No Class Figure 4 The RadEditor Hyperlink Manager in E mail mode 13 Page SharpSchool User Manual Appendix A RadEditor 2 The Spell Checker No matter how careful we tend to be spelling errors are a common occurrence in all written text However despite this general understanding you never want to be found guilty of housing a spelling error on your website Therefore to ease the task of reviewing ones of work the RadEditor features a built in spell checker This spell checker uses standard American spelling to verify the spelling of words and highlights misspelled words with a yellow background When a misspelled word is discovered a menu will open above it that displays suggested corrections for the word To insert a word from this list simply click on the word and it will replace the incorrect word Furthermore you also have the ability to Ignore the spelling error and override the suggestions of the spell checker and alter the text manually by clicking on Change Manually or simply Add to dictionary Once completed click the Finish spellchecking button to save any corrections If you would like to undo changes you have made in the spell checker click the Cancel button Once all word
4. D Content Alignment X Background X Height Wd Width No Wrapping IV v CSS Class Clear Style 19 Page SharpSchool User Manual Appendix A RadEditor d Table Accessibility If you have heading rows or heading columns in your table it is recommended to indicate how many there are for accessibility reasons You can also add a caption and a summary which can be used to improve the accessibility of a table Table Wizard UA Table Design E3 Table Properties Cell Properties Accessibility Heading rows D Max 4 OK Heading columns 0 Max 4 Cancel Caption alignment E Associate cells with headers Figure 11 Table Accessibility 20 Page SharpSchool User Manual Appendix A RadEditor e Table Wizard Shortcuts After inserting a table to a page you have the ability to edit properties of the table by simply right clicking in it This will open a range of options in a dropdown such as LRL RN 2 Insert Row Below This option adds a row below where the cursor is located 4 Insert Column to the This option deletes the column to the eft of where the cursor is Left located 6 Delete Column This option deletes the column where the cursor is located 8 Merge Cells Vertically This option merges cells vertically 10 Delete Cells This option deletes the selected cell 12 Set Table Properties This option opens up the Table Properties tab Al Page
5. 4 Figure 1 The RadEditor 4 Page SharpSchool User Manual Section 1 RadEditor at a Glance The following table provides a definition and function for all the icons available in the RadEditor Icon M WG H L Definition Bold Ctrl B Italics Ctrl 1 Underline Ctrl U Left Justify Center Justify Right Justify Justified Remove Alignment Cut Ctrl X Copy Ctrl C Paste Ctrl V Paste Plain Text Paste from Word Cleaning Fonts and Sizes Function Bolds selected text Italicizes selected text Underlines selected text Justifies text in a paragraph to the left Justifies text in a paragraph to the center Justifies text in a paragraph to the right Places the left side of the text at the left side of the content area and the right side of the text at the right side of the content area increasing the width of spaces where necessary This button removes any alignment formats applied to a paragraph Cuts the selected content to the clipboard for later use and removes it from the content area Copies the selected content to the clipboard for later use Copies content from the clipboard to the cursor location Copies content from the clipboard to the cursor location removing all formatting while preserving line breaks Copies content from the clipboard to the cursor location removing unnecessary Microsoft Office related information and font formatting al Page Shar
6. Bullets Numbering Strikethrough Find and Replace Ctrl F Tables Apply CSS Class Format Stripper Document Manager Image Manager Ctrl G Image Map Editor Set Absolute Position Flash Manager Media Manager Increase the level of indentation tabs for the selected text Decrease the level of indentation for the selected text Makes bulleted lists Makes numbered lists Makes the selected text eressed out Searches for specific text in the content and optionally replace it with different text Inserts a table into the content See Creating Tables page 16 Formats the selected text formatted according to a particular style See CSS Styles page 16 Removes the selected type of formatting from the selected text Can remove All HTML Tags just Microsoft Word Formatting just Cascading Style Sheets Font Tags or Span Tags Allows documents to be uploaded and links to be created by selecting them from a list See The Document Manager page 22 Allows images to be uploaded and embedded in the page by selecting them from a list page 24 Allows users to create hyperlinks within an image Allows users to move the image freely within the webpage Allows flash animations to be uploaded and embedded in the page by selecting them from a list See page 31 Allows videos to be uploaded and embedded in 8 Page SharpSchool User Manual Appendix A RadEditor A Insert Code Snippet This feature
7. be available to you from the list of images in the Image Manager New image name BakeryThumbnail jpg Width 623 Height 416 Dimention unit Pixel V Constrain proportions Overwrite if file with such name exists Create Figure 17 Create Thumbnail 28 Page SharpSchool User Manual Appendix A RadEditor b Editing Image Properties Much like the Table Properties section covered earlier in this manual the mage Properties option allows you to edit various aspects of a specific picture To access image properties 3 ji t Image Properties simply right click in the image and select Image Z Im ge Map Editor Properties we will cover Image Map Editor Figure 18 Set Image Properties further in this manual This will open a new window with two primary tabs mage Properties and Create Thumbnail In this section we will cover the components included under the mage Properties tab Image Properties Image Properties Border Width Border Color Image Alt Text Long Description d Image Alignment x Image Src http concord sharpschoc Horizontal Spacing Vertical Spacing Width Figure 19 Image Properties i Border Width You can specific the thickness of a border or click on No Border to remove the border ii Border Color select a color of the image border 29 Page SharpSchool User Manual Appendix A RadEditor vi vii viii Im
8. click on the plus Hor minus lbuttons in the Row Span or Column Span respectively Once the table layout appears as you like click the Table Properties tab Table Wizard CA Table Design 33 Table Properties EE Cell Properties 5 Accessibility Columns EI Column Span EI R o w s ft gt neamseo an Figure 8 Table Wizard in Design mode 17 Page SharpSchool User Manual Appendix A RadEditor b Table Properties Through the Table Properties tab it is possible to alter various characteristics of a table This window is broken into the following segments Dimensions here the height and width of the entire table can be set in units of pixels px or percent 96 Layout here you have the ability give the table a background color and align text within it You can set table wide cell spacing or cell padding which inserts blank spaces between the cells Border Using the border view you can insert borders to some or all aspects of the table Background Image this option allows you to set a background image to the table It is important to note that pictures must first be uploaded to the SharpSchool system before they can be used in a table Table CSS if your organization prefers a standard look and feel for tables you may select a CSS style and apply it Click OK to insert the table on your page or click Cancel to delete changes Table Wizard A Table Design 3 Table Properties FZ Cell Properties l
9. elementary art jpg 45 28 KB L My Notes xisx 8 02 KB New Microsoft Office PowerPoint UserFiles Servers Server 766046 File My Notes xlsx Presentation pptx Web Hosting Brochure 08 pdf 1 96 MB Figure 12 Document Manager 23 Page SharpSchool User Manual Appendix A RadEditor b Upload Files If you wish to upload files to the Document Manager simply click on the Upload Document tab Here you can click Browse to select a file from your computer and click Upload to add it to the Document Manager If you are inserting a file that already exists you may click on Overwrite if file with such a name exists to delete that file Document Manager Browse Files f r Upload Document Directory UserFiles Servers Server 766046 File File 7 Overwrite if file with such name exists Max file size allowed 153500KB Figure 13 Upload Document 2 The Flash Manager Uploading a Flash file to the Flash Manager is achieved in precisely the same manner as uploading a file into the Document Manager Here you must click on the Flash Manager icon e in the editor which will then open the Flash Manager window This window also contains two primary tabs Browse Files and Upload Files The Browse Files tab allows you to navigate through files that are already added to the system The Upload Files tab allows you to upload files from your computer to the system Note Create a specific folder for yourself before uplo
10. is intended for advanced users who wish to work with HTML E Insert Symbol This feature is intended for advanced users who wish to work with HTML P lt gt Source Code Editor Allows the HTML source code of the content to be modified directly La Publishing Options Once formatting is completed there are 3 available options 1 Save clicking on save will save your changes as a work in progress and will not make the changes live To access saved pages simply go to Page Properties Checkout amp Edit the page Your changes will appear in the text box 2 Publish this option will make your changes live instantly on the site 3 Cancel this option will delete all your changes Keyboard Shortcuts Quick Reference Image Manager Find amp Replace Ctrl F 9 Page SharpSchool User Manual Appendix A RadEditor Section 2 Formatting Tools The RadEditor features a range of formatting tools such as inserting hyperlinks a built in Spell Checker the ability to Find amp Replace text and even the application of CSS Styles and the creation of Tables This section goes into the details of how these topics work 1 The Hyperlink Manager The RadEditor s Hyperlink Manager allows users to insert several kinds of links on a page The three primary available links are 1 Link to an external website 2 Link to a different portion of the current page Anchor 3 Link to an Email address To insert a Hyperlink you must fi
11. type the replacement text in the Replace with box Click Find Next to go through the changes one by one until the text you wish to replace is highlighted To replace a highlighted instance of the text simply click Replace Also you may click Replace All to replace all instances of a specified text There are several replacement options available Search Direction and Match Case i Search You can also search a particular portion of the content by first selecting the text and then choosing Selection only under the Search setting ii Direction You can also search Up or Down from the current position iii Match Case You can find and replace text with the exact same case by selecting Match case or to only find and replace instances which are not part of another word by selecting Match whole words only 15 Page SharpSchool User Manual Appendix A RadEditor When you are done select OK to accept your changes or Cancel to go back to the version of content you had before you opened the Find and Replace dialogue W Tip It is possible to open more than one Find and Replace dialogue boxes 4 CSS Styles Users can use Cascading Style Sheets CSS to ensure that content appears consistent across the website Creating specific CSS classes is outside of the scope of this manual and is almost exclusively designed by advanced administrators However link for regular users applying CSS is a straightforward Bold task Simply highlight
12. 30 Page SharpSchool User Manual Appendix A RadEditor Here you may select a rectangular or circular area to highlight the image You can then adjust the dimensions of the selected area by dragging the corners of the area itself or specifically defining dimensions under the Selected Area Properties heading Finally you must specific a URL to complete this step Reminder The Target dropdown allows you to select whether the new site a will open in a new window or the same window d Setting Absolute Position Setting an absolute position to an image will allow it float freely so you can move it around the content with the mouse To set absolute positioning for an image simply select the image and click the Set Absolute Position icon La y c Maji eis F CS E A A Figure 21 Absolute Positions 31 Page SharpSchool User Manual Appendix A RadEditor Section 4 Advanced Source Editor For technical users the RadEditor URhu Praesent dapibus sapien nec urna his features advanced features Simply ERN Cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus mus Suspendisse vel nibh ac magna eleifend tristique Quisque quis ligula ut sem condimentum hendrerit Quisque lobortis luctus urna Nam C IC k on th e HTM L Icon to convert id magna Donec aliquam faucibus felis Suspendisse nisi dolor ultricies non pretium eu aliquam rhoncus ligula F
13. Snarpsch l elping schools succeed User Guide Appendix A RADEditor SharpSchool User Manual Appendix A RadEditor Table of Contents About this Chapter EE EE kissean assi ekate 4 What is RadEditor w osi visit pisin san iudi egene Eeer Deeg 4 Section 1 Faddere ad 5 Publishing OP PE gave md n Kran 9 Keyboard Shortcuts Quick Reference ui siete geed aa annals 9 Section Eed Ee de 10 1 The Hyperlink laascht dene 10 a kg Le ER PRERERRS 11 B ANCHO ERR EE EE ER 12 o E FA Re NN RR konsa ken 13 EIE Eel 14 3 Find and Replace E 15 d CSS Styles cc 16 5 Creating Vall c 16 a Fable DESISN EE 17 b Table PRO PE AL S ia it a a n a a la a lak ups fy So n DA kk 18 C Cell PRO MEMES boko kwa twon jele Abde eege 19 d Table AGE SABA AY iran ni okt ata rt ia dist e 20 e Table WiZat Ee dE 21 Section He TE 22 1 The Document leet 22 a Browse Files pisans T NN 23 Bj Uplasd Files Lm pan ke ao A Ga so kako kk es AA AD kk 24 2 The Flash Mama tel weak kika T EOS 24 3 The Media EEN 25 4 Nu EE EEN 26 a Creating Th lhbiralls Aessen 28 Z Page SharpSchool User Manual Appendix A RadEditor b Editing Image POPE Be 29 c Image Map EV d 30 d Setting Absolute steps EE aeo Eo eng URS 31 Section 4 Advanced Source EN 32 3 Page SharpSchool User Manual Appendix A RadEditor About this Chapter This chapter will be provided to users in the form of an appendix with Chapter 1
14. ading flash files Z 4 p D Once a Flash movie video has been inserted you can specify several criteria to its output This information is in the right preview window of the Flash Manager and here you can define the width height quality and other components of the video If you are placing a flash object in the area below a drop down menu on your site selecting the Transparent 24 Page SharpSchool User Manual Appendix A RadEditor option will allow the menus to appear on top of the Flash video If you wish to see how the video would look on your site simply check off the option Switch to Preview Mode If you re satisfied with the changes click Insert to add the file on your page or click Cancel to delete all changes Hash Manager E Browse Files y Upload Flash Directory UserFiles Servers Server 766046 Flash h G 7 switch To Preview Mode Ext Name Size Specify Class ID F t Width Height Quality Play Loop Flash Menu Transparent HTML Align Baseline wv Flash Align Left Top Background Color No Color Figure 14 Upload Flash File 3 The Media Manager The RadEditor makes it easy to add videos to a page as well This function is achieved in the same manner as adding a file or flash video Here you must click on the Media Manager icon in the editor which will then open the Media Manager window This window also contains two primary tabs Browse Files and Upload Files Th
15. age Alt Text displays an alternative text instead of the image Long description This is an Accessibility option The text entered in the Long Description field will be read by the Windows Narrator tool Image Alignment Specifies the alignment of the image on the page Horizontal Spacing Specifies the distance to the left and to the right between the image and adjacent content Vertical Spacing Specifies the distance to the top and to the bottom between the image and adjacent content Width Allows you to alter the width of the image Note select constrain to prevent the image from distorting This option will resize the height of the image in related to the width alterations Height Allows you to alter the height of the image Note select constrain to prevent the image from distorting This option will resize the width of the image in related to the height alterations c Image Map Editor The Image Map Editor allows you to create multiple clickable areas on an image You may create an image map by right clicking on the image and selecting mage Map Editor Or click on the icon in the toolbar Image Src http concord sharpschool con ye Create Area Rectangle Q9 Circle You can drag over the image to create a new Area Left 115 Top 25 Width 92 Height 92 Url cms One aspx portalld 7 Target self Same Window v Comment Update Area Remove Area Remove All OK Cancel Figure 20 Image Map Editor
16. e Browse Files tab allows you to navigate through files that are already added to the system The Upload Files tab allows you to upload files that have been added to the system Once a video has been inserted you may view a sample of the video by simply checking off the option Switch to Preview Mode 25 Page SharpSchool User Manual Appendix A RadEditor If you re satisfied with the changes click Insert to add the file on your page or click Cancel to delete all changes Media Manager E Browse Files y Upload Media Directory UserFiles Servers Server 766046 Media LEG 7 Switch To Preview Mode Ext Name Size t5 X Butterfly wmv 2 67 MB Figure 15 Upload Media File Reminder Target drop down menu sets which window the document will open in and the Tooltip determines what text is displayed when a visitor moves the mouse over the link 4 The Image Manager To upload an image click on the Image Manager icon in the editor Browse to the folder you wish to upload the files to by double clicking on the folder names Then click the Upload Image tab The Directory will display the path for the currently selected folder Then click the Browse button to select the File on your computer If you are replacing an existing file then check Overwrite if file with such name exists and press Upload Once an image has been uploaded you may preview it in the right side of the window There are 4 li
17. esources when you return To create a folder simply click on the New Folder icon and click on the check box to save those changes or click on the x to delete your changes Double 22 Page SharpSchool User Manual Appendix A RadEditor click on the folder to open it and upload documents in it Open this folder for all future uses a Browse Files As mentioned above you may browse through files that have already been uploaded into the system Double click on a folder name to open it and view its contents if you n select the wrong folder single click the double dots to move to the previous folder Once the correct folder s contents are displayed select the file on the left side of the document manager The file name will be inserted in the Document File field At this point you may click Insert to insert the link to your page or click on Cancel to delete all changes You also have the ability to define the Tooltip and Target of the link before inserting it Reminder Target drop down menu sets which window the document will open in and the Tooltip determines what text is displayed when a visitor moves the mouse over the link Document Manager E Browse Files fr Upload Document Document File UserFiles Servers Server 766046 File My Notes xlsx 1 4 E Ext Name Size Tooltip d T w 3 District Files Target Target 3g Field Trip Forms E Bakery jpg 48 54KB E books jpg 58 23 KB
18. he link will have e Note In most cases you will only be required to fill the URL field and select the Z target of the link All other elements are optional 11 Page SharpSchool User Manual Appendix A RadEditor b Anchor If you wish to link text to another position on the same page you must create an Anchor on that position before creating the hyperlink In order to create an Anchor open the Hyperlink Manager and click the Anchor tab In the new window name the anchor and click OK It is important to note that the name used in the anchor should be the word you wish to see hyperlinked on your page After creating the anchor create the hyperlink by selecting the designated name in the Existing Anchor field Figure 3 The RadEditor Hyperlink Manager in Anchor mode 12 Page SharpSchool User Manual Appendix A RadEditor c Email You also have the ability to create a hyperlink that launches an e mail client such as Microsoft Outlook To do so simply select the text on your page that you want clickable and then click on the Hyperlink Manager In the row of tabs select the E Mail tab Here type in the e mail address in the Address field and the default text that will appear on the page in the Link Text field You may also add a default Subject for the e mail S Note the Link Text and Subject fields are optional Note CSS classes defined formatting elements such as font and color This option NW S
19. la sem tempus non adipiscing eu mollis vitae purus Suspendisse potenti Maecenas a risus In dolor lorem vulputate lacinia varius ut suscipit a dui Integer aliquet pharetra felis Vestibulum condimentum accumsan velit Vestibulum et massa at lacus scelerisque consequat Suspendisse potenti Donec mi Pellentesque eget magna Suspendisse eros arcu vulputate vitae mollis et dapibus gravida nulla Ut vel nulla Praesent consequat orci eu magna Nunc ac urna Vestibulum velit Aliquam hendrerit placerat tortor Morbi vitae ante Pellentesque ac odio non justo pretium feugiat Aliquam ultricies sem vel mi Curabitur quis turpis a dui dictum hendrerit Sed neque Proin turpis felis congue eget rutrum nec varius id libero Proin molestie Suspendisse potenti Maecenas eget purus In augue lacus sollicitudin eu egestas consectetuer facilisis non elit Cras sapien mi varius et aliquet at molestie quis nisi Nulla vestibulum ipsum quis placerat ornare purus velit blandit nisi mattis ullamcorper ipsum mi nec neque Etiam ac lorem ac elit bibendum fermentum Nulla consequat dolor ut congue adipiscing risus urna dapibus justo rhoncus tempus erat turpis ac odio In venenatis quam ac pede Sed metus metus hendrerit eu vulputate id semper id orci Praesent eros enim facilisis in vehicula aliquet ultrices id magna Nam aliquet Aliquam dapibus aravida lectus Class aptent taciti sociosau ad litora torauent per conubia nostra per
20. nks available to you when you select a picture 26 Page SharpSchool User Manual Appendix A RadEditor Image Manager Browse Files E Upload Image Image URL UserFiles Servers Server 766046 Image taj mahal jpg ESI lt 2 P El Newspaperjpg 36 24KB Oscar Wilde jpg 66 17KB P8P jpa 30 15 KB Persuasion jpg 53 5 KB principal jpg 27 14 KB rowling jpg 19 8 KB shakespeare jpg 107 69 KB Smiling Girl jpg 27 4KB student boy jpg 14 64KB student girl jpg 15 66 KB taj mahal jpg 51 16 KB teacher female jpg 58 77 KB Teacher Make jpg 27 62KB Teacher jpg 40 96KB v Figure 16 Image Manager i Best Fit This option shirks the image to fit in the preview window ii Actual Size Sch displays the actual size of the image f iii Zoom In allows users to zoom into the image iv Zoom Out Pp allows users to zoom out of the image v Create Thumbnail Dr allows you to create a thumbnail of the image 27 Page SharpSchool User Manual Appendix A RadEditor a Creating Thumbnails You can easily create thumbnails of images To create a thumbnail simply select the image from the Image Manager and click on Create Thumbnail icon Note you can also create a thumbnail of an image after inserting it on a page by ve vo right clicking on the image and clicking Create Thumbnail Here define the name width height and dimensions of the thumbnail and click Create This thumbnail will now
21. of the SharpSchool set of user guides The document details aspects of the RadEditor that are available to users via the WYSIWYG What You See Is What You Get editor The content in this guide is intended for all levels of users of the system The chapter is divided into two broad sections Definitions and Functions At first we will discover the basic definitions of all the features of the RadEditor through the section RadEditor at a Glance and then go into detail explaining multi step modules from Section 2 onwards What is RadEditor The RadEditor is a rich text editor that allows for easy creation of web content This tool functions in a similar way to Microsoft Word and therefore many of the icons and features available will seem familiar to most users In addition to having the ability to alter the look of text on a page users can also insert links images flash videos and more Furthermore for the technically savvy the editor features tools that allow for webpage s to be formatted in HTML as well Page Content Y 9 GE E EREM 2 B L ee EE LEE Ga B8B U O Normal Tahoma 2 din amp Apply CSS Ch A amp D amp d x x i 2mmove G4ww oe tuk KEE A dA Zoom A8 dd Har Content may contain text that is bold ta ic underlined la rg e Or small Also links L images and content copied from programs such as Microsoft Word amp can be used Nam quam Fusce nul
22. pSchool User Manual a v e D Te X X dh zal Paste from Word Paste as HTML Undo Ctrl Z Redo Ctrl Shift Z OR Ctrl Y Spell Checker Hyperlink Ctrl K Remove Hyperlink Ctrl Shift K Font Color Background Color Increase Size Decrease Size Print Subscript Superscript New Paragraph Horizontal Rule Copies content from the clipboard to the cursor location removing unnecessary Microsoft Office related information Copies content from the clipboard to the cursor location formatting it to look like HTML code Undoes the last change made to the content Redoes the last undone change Checks the spelling of the content See The Spell Checker page 14 Creates a hyperlink See The Hyperlink Manager page 10 Removes a hyperlink See The Hyperlink Manager page 10 Makes the selected text a different color Changes the background color of the selected text Increases the view of content area in the WYSIWYG editor Decreases the view of content area in the WYSIWYG editor This option allows you to print the content on the page Makes the selected text a subscript Of Other text superscript Makes the selected text a of other text Inserts a Paragraph break between content You must insert this break when differentiating between two areas of content that are justified differently Creates a horizontal line 6 Page SharpSchool User Manual
23. rst select the text you wish you be clickable then open the Hyperlink Manager by clicking on the Hyperlink Manager icon 82 in the editor This will open a window with three tabs Hyperlink Anchor and Email Hyperlink Manager Hyperlink Anchor kg E mail URL http Existing Anchor None w Link Text Type Target Tooltip CSS Class Figure 2 The RadEditor Hyperlink Manager in Hyperlink mode 10 Page SharpSchool User Manual Appendix A RadEditor a Hyperlink When you first open the Hyperlink Manager it opens in Hyperlink mode This window allows you to include links to external sites on your page a The URL Field allows you to create a link to another page Simply type in the site s address here b Existing Anchor allows you to create a link another position on the same page Anchors are detailed in the next section c The Link Text is the text that the visitor can click on in order to activate the hyperlink d The Type dropdown http ftp etc allows you to redirect visitors to various types of services on the Internet e The Target allows you to select which browser window the link will open in Selecting Parent Window will navigate users away from your site while clicking on New Window will open the website in another window f The Tooltip defines the text that will appear when a user s cursor hovers over the link g Finally the CSS Class determines what formatting color size etc t
24. s have been corrected the RadEditor will automatically exit spell checking mode Spell checking mode Misspelled words are with yellow background TOPICS Be generous with p x moe c Change Manually Observe your child caerfully and commen Add to 2 well When you see an area that needs improvement find a postuve way y Encourage personal best Help your child by him or her to do the best in school and at home Remember personal best does not mean perfect and learning is not the same as high grades Children like adults need the freedom to make and to learn from them Make learnin riority Your atitude toward school education and involvement in the school makes a strong and lasting impression on your child Show your child by example that lerning is a priority Figure 5 The Spell Checker 14 Page SharpSchool User Manual Appendix A RadEditor 3 Find and Replace 94 Find Find Find Next Replace with Replace Replace All Entire text Selection only OK 7 Match case LJ Match whole words only Figure 6 Find and Replace Dialogue Box The Find and Replace tool allows you to quickly make changes to the same content in multiple places of the text box The Find and Replace dialogue opens in Find mode by Find default are To search for a particular word or phrase simply type the text in the Find field and click Find Next To replace text click on the Replace la and then
25. sed vestibulum eu neque Ze Suspendisse potenti Maecenas at tellus dictum pede lacinia porta Sed posuere Duis ultricies lorem sed risus Il Ta g ns pecto r Integer sed turpis in nibh venenatis vehicula Nulla velit urna pellentesque vel luctus id rhoncus nec metus Proin egestas leo adipiscing justo Etiam sit amet nisi vel elit auctor euismod Donec varius cursus dolor Nulla tortor Donec dui ante posuere sit amet pharetra eu porttitor at augue Pellentesque et odio Cras quis lorem iii Properties Inspector a iv Real time HTML View Figure 22 HTML View V XHTML Validator Real Time HTML View 2 XHTML Validator lt gt D Words 0 Characters 0 lt TABLE gt lt TBODY gt lt TR gt lt TD gt 8nbsp lt TD gt lt TD gt 8nbsp lt TD gt lt TD gt 8nbsp lt TD gt lt TR gt lt TR gt lt TD gt 8nbsp lt TD gt lt TD gt 8nbsp lt TD gt Figure 23 Module Manager 32 Page
26. t b Accessibility Width 100 us a w Height 10096 n Background Mi Alignment CellSpacing 0 Cell Padding 0 CSS Class Clear Style Figure 9 Table Properties 18 Page SharpSchool User Manual Appendix A RadEditor c Cell Properties The Cell Properties tab functions similar to the Table Properties tab except that in this case you can apply unique style and settings to individual cells on the table and not the overall table itself To apply cell specific properties it is essential to click on the cell in the preview box first This tab contains specific functions such as i Content Alignment this option allows you to align text in a selected cell ii Background this option allows you to assign a background color to a specific cell iii Dimensions here the height and width of individual cells can be set in units of pixels px or percent 96 iv Background Image this option allows you to set a background image to a selected cell It is important to note that pictures must first be uploaded to the SharpSchool system before they can be used in a cell v Cell CSS if your organization prefers a standard look and feel for cells you may select a CSS style and apply it Once completed click OK to apply the changes to the table or click Cancel to delete changes Table Wizard Figure 10 Cell Properties CA Table Design 3 Table Properties S il Cell Properties t Accessibility OK
27. the text and select the style Title you wish to use from the Apply CSS Class NENNEN dropdown menu 4 Apply CSS Cli A amp Clear 5tyle list Figure 7 Apply CSS Class Menu You may clear existing CSS classes by selecting Clear Style from the Apply CSS Class dropdown menu 5 Creating Tables The RadEditor features a robust Table Wizard that gives users the ability to create advanced and sophisticated tables with no knowledge of HTML To start the Table Wizard click on the Insert Table icon in the WYSIWYG editor and select Table Wizard from the dropdown This will open a window with 4 tabs in it a Table Design this tab creates the framework of the table b Table Properties this tab customizes various properties such as color and border of the table c Cell Properties this tab customizes various properties such as the 16 Page SharpSchool User Manual Appendix A RadEditor color and border of individual cells in the table d Accessibility this tab will allow you to monitor the accessibility compliance of the table These tabs have been detailed in the sections below a Table Design The Table Wizard defaults on the Table Design mode Through the Table Design mode you have the ability to preview the look of the table To add or remove a row or column simply click on the plus H or minus El buttons next to the words Rows and Columns respectively If you wish to widen a particular cell then
28. usce lectus mi blandit at ultricies at volutpat eget sem Maecenas quis elit Aliquam nisi Curabitur justo sem blandit eget consequat ac varius id nulla Nunc quis diam at nulla volutpat porta Vivamus tortor metus t h i nt d fermentum non fermentum id feugiat ut odio Duis eu est Duis gravida malesuada nisl Fusce eget risus Proin e pa ge O coae inunc purus pretium volutpat ornare sit amet tempus quis libero Maecenas porttitor Praesent sodales odio et enim lt jp gt exp GEES Etiam eleifend aliquam ligula Nulla diam Integer quis nibh Sed arcu velit bibendum vitae tempus at cursus a tortor Integer scelerisque arcu eget mollis viverra metus ipsum sollicitudin erat eget aliquam purus pede ac F u rt h ermore th e Module Man ag er urna Sed tristique quam a ante aliquet faucibus Morbi id eros Aliquam sed augue vel libero dictum facilisis Nulla H S E SA Vestibulum a orci id it tinci it eni i purus hendrerit tincidunt In velit enim fermentum et molestie at volutpat sit amet dui dra a lows a d van ced users to vlew Morbi viverra Mauris posuere sollicitudin orci Ut eros nulla volutpat id laoreet quis ornare eu lacus Nulla convallis erat sed tortor Vivamus congue In risus Proin consequat accumsan ligula Ut congue several aspects of the page such as Nullam est lectus gravida in lt h2 gt i Statistics ege Nam tincidunt fermentum erat Proin sapien felis vestibulum sed tempor
Download Pdf Manuals
Related Search