Charity @ Home

Submit An Article:

Title. The Title for this item. This may or may not display on the page, depending on the parameter values you choose.

Save. Save it and return to the main screen of the Manager.

Cancel. Go back to the main screen of the Manager, without saving the modifications you made.

TinyMCE editor:

The default editor for both front-end and back-end users in C@H is the TinyMCE editor.

TinyMCE is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing interface to use when editing Articles and other content. The 3-row toolbar below provides many standard editing commands:

• Top Row.

  • Buttons in the upper left allow you to make text bold, italic, underlined, or strikethrough. Next to that are buttons for align left, right, center, and full.

  • Styles. Caption and System Pagebreak styles can be set. Highlight the desired text and select the style. This will allow this text to be formatted based on CSS rules.

  • Format. Select pre-defined formats for Paragraph, Address, Heading1, and so on.

  • Font Family. Select the desired font.

• Second Row.

  • Unordered List, Ordered list, Outdent (move left) and Indent (indent right).

  • Undo (Ctrl+Z) and Re-do (Ctrl+Y).

  • Insert/Edit Link. To insert or edit a link, select the linked text and press this button. A popup dialog displays that lets you enter details about the link.

  • Unlink. To remove a link, highlight the linked text and press this button.

  • Insert/Edit Image. To insert and image, place the cursor in the desired location and press this button. A popup dialog displays that lets you enter in the Image URL and other information about how the image will display.

  • Cleanup Messy Code. This button allows you to clean up HTML code, perhaps from HTML text that you copied in from another source.

  • Edit HTML Source. A popup displays showing the HTML source code, allowing you to edit the HTML source code.

  • Find and Find/Replace.

  • Insert Date, Time, or Emotions.

  • Insert Embedded Media. To insert embedded media (such as Flash), place the cursor at the desired location and press this button. A popup dialog will display that allows you to enter the Type, File or URL, and other information about the media.

  • Direction Left to Right and Direction Right to Left. These buttons allow you to enter or change the text direction, for example for languages that read right to left.

  • Insert New Layer, Move Forward, Move Backware, Toggle Absolute Position. For working with layered items.

  • Select Text Color.

• Third Row.

  • Insert Horizontal Ruler.

  • Remove Formatting.

  • Toggle Guidelines/Invisible elements.

  • Subscript, Superscript, Insert Custom Character, Horizontal Rule.

  • Insert New Table, Table Row Properties, Table Cell Properties, Insert Row Before, Insert Row After, Delete Row, Insert Column Before, Insert Column After, Delete Column, Split Merged Table Cells, Merge Table Cells.

  • Toggle Full Screen Mode.

  • Edit CSS Style. A popup dialog box displays that allows you to enter CSS style information for the selected text.

No editor

If 'No editor' is selected for a User, then a simple text editor displays. This allows you to enter in raw, unformatted HTML. You can use the toolbar 'Preview' button to preview how the HTML will display.

Note that the 'No Editor' option can be useful if you are entering in 'boilerplate' or custom HTML, for example to create a PayPal link. TinyMCE automatically re-formats and strips some HTML when a file is saved. This can cause complex HTML to not work correctly.

If this happens, you can temporarily change the editor to 'No Editor' and create the desired content. Note that if you wish to edit this content in the future, you should be careful to change your editor to 'No Editor'. Otherwise, if you open and save the content with TinyMCE, you may lose your custom HTML.

Image, Pagebreak, and Read More Buttons:

Three buttons are located just below the edit window, as shown below:

• Image. This button provides an easy way to insert an image into an Article. Images may be inserted from the 'images/stories' folder and may also be uploaded. When you click the Image button, a window pops up, as shown below:

  

  • Directory. The current directory on the host server. This is the 'images/stories' directory under your Joomla! home directory. Use the drop-down list box to select a subdirectory.

  • Up. Navigate to the parent directory. Note that the top directory for this function is 'images/stories'. You can not navigate to a higher directory.

  • Insert. Insert the selected image. The insert point will be the current cursor position. You will see the image display inside the edit window.

  • Cancel. Cancel the operation and close the popup window.

  • Thumbnail Browse Area. Click on an image thumbnail to select the image. Click on a folder icon to navigate to that subdirectory.

  • Image URL. Click on one of the image thumbnails and the URL for the image will be entered for you.

  • Align. Select the desired alignment (left or right) from the drop-down list box.

  • Image Description. Enter a description for the image.

  • Image Title. Enter a Title for this image. This displays when a User hovers the mouse on the image.

  • Caption. If checked, image title will display as a caption below the image.

  • Browse files. Click this button to browse to an image file to upload from your local computer. A file dialog will open allowing you to select a file.

  • Start Upload. Once you have selected a file, press this button to upload the file to your Joomla! 'images/stories' folder. When the upload is done, a 'Completed' message will display. The thumbnail for the new image will now show in the thumbnail area.

  • Clear Completed. Clears the 'Completed' message.

• Pagebreak. This button allows you to insert a pagebreak inside an Article. A pagebreak allows for page navigation when the article is displayed on a layout. This is useful for long articles. When this button is pressed, a popup window is displayed as shown below:
  

  • Page Title. Enter the title to display for the new page (for example, 'Page 2').

  • Table of Contents Alias. Optional field to display in the table of contents for this page. In a multi-page article, Joomla! displays a 'table of contents' for the page that allows the user to select any page. If this field is blank, the Page Title will be used. If you want a different title in the table of contents, enter it here.

  • Insert Pagebreak. Click this button to insert the pagebreak with the entered fields. The Pagebreak will display as a gray dashed line across the Article. Note that a pagebreak cannot be edited. If you need to change a field in the pagebreak, click on the Article just past the pagebreak, press Backspace until the pagebreak is deleted, then insert a new pagebreak with the desired information.

• Read more... This button inserts a 'Read more...' break in the Article. This shows as a red dotted line across the Article. If an Article has a 'Read more...' break, only the text before the break, called the Into Text, will initially display, along with a 'Read more...' link. If the User clicks this link, either the entire Article or just the part after the 'Read more...' link is displayed. This depends on the setting of the 'Intro Text' parameters for the Article and in the Global Configuration. The 'Read more...' break allows you to save space on pages by just showing the Intro Text. Note that the 'Read more...' break only shows in the Front Page, Section, and Category Blog layouts. If you want to insert breaks for an Article shown in an Article Layout, use the Page Break button.

Publishing:

· Section. Select the Section for this Article from the drop-down list box. Note that you can select 'Uncategorized' if you do not want this Article associated with a Section or Category. This can be used for Articles that are displayed in an Article Layout as static content.

· Category. Select the Category for this Article from the drop-down list box. If you selected 'Uncategorized' for the Section, the Category will automatically be 'Uncategorized'.

· Show on Front Page. Select No or Yes from the radio button group to indicate whether this Article will show on the Front Page.

· Author Alias. This optional field allows you to enter in an alias for this Author for this Article. This allows you to display a different Author name for this Article.

· Start Publishing. Date and time to start publishing. Use this field if you want to enter content ahead of time and then have it published automatically at a future time.

· Finish Publishing. Date and time to finish publishing. Use this field if you want to have content automatically changed to Unpublished state at a future time (for example, when it is no longer applicable).

· Access Level. Who has access to this item. Current options are:

o Public: Everyone has access

o Registered: Only registered users have access

o Special: Only users with author status or higher have access

Metadata:

· Metadata Description. Optional Metadata Description for this Article.

· Metadata Keywords. Optional entry for keywords. Must be entered separated by commas (for example, "cats, dogs, pets") and may be entered in upper or lower case. (For example, "CATS" will match "cats" or "Cats"). Keywords can be used in several ways:

1. To help Search Engines and other systems classify the content of the Article.

2. In combination with Banner tags, to display specific Banners based on the Article content. For example, say you have one Banner with an ad for dog products and another Banner for cat products. You can have your dog Banner display when a User is viewing a dog-related Article and your cat Banner display for a cat-related Article. To do this, you would:

1. Add the keywords 'dog' and 'cat' to the appropriate Articles.

2. Add the Tags 'dog' and 'cat' to the appropriate Banners in the Banar Manager New/Edit screen.

3. Set the Banner module Parameter 'Search By Tags' to 'Yes in the Banner Module Edit screen.

3. In combination with the Related Articles module, to display Articles that share at least one keyword in common. For example, if the current Article displayed has the keywords "cats, dogs, monkeys", any other Articles with at least one of these keywords will show in the Related Articles module.

• Name. The Name of the Web Link. This field is required.

• Category. Category for this Web Link. Select from the drop-down list box of Web Link Categories. Note that Web Link Categories are separate from other Categories, such as those for Articles, Contacts, Banners, and News Feeds.

• URL. The URL of the Web Link.

• Published. Whether or not this item is published. Select Yes or No from the radio button group to set the Published state for this item.
• Description Enter an optional description to display below the Web Link.
• Order. Indicates the order of this Web Link in the Web Link Manager. The default Order is to add the item to the end of the list. To select a different position, use the drop-down list box. This item will moved to the position just after the item selected from the drop-down list. Note that the Order in which the Web Link are displayed can also be changed in the Web Link Manager.

• Save. Save it and return to the main screen of the Manager.

• Cancel. Go back to the main screen of the Manager, without saving the modifications you made.

Your Details:

• User Name. The username of the user is displayed here. When a user wants to log in, he has to fill in this username.
• Your Name. The (full) name of the user.
• E-Mail. The e-mail address from the user is displayed here.
• Password. Fill with a password. Although this field is not required, the user will not be able to log in when no password is set.
• Verify password. Fill in the password from the field above again, to verify it. This field is required when you filled in the New password field.
• Back-end Language. Here you can select the back-end language of the user. All installed languages for the back-end will be displayed in the drop-down box. Default is the language set in Language Manager.
• Front-end Language. Here you can select the front-end language of the user. All installed languages for the front-end will be displayed in the drop-down box. Default is the language set in Language Manager.
• User Editor. Here you can select the front-end and back-end editor of the user. All installed editors will be displayed in the drop-down box. Default is the WYSIWYG editor set in the Global Configuration.
• Help Site. Set the help site of the user. Default is the Help Server set in the Global Configuration.
• Time Zone. Set the time zone of the user. Default is the Time Zone set in the Global Configuration.
• Save. Save it and return to the main screen of the Manager.