Joomla 4.x

The article is the basic building block of your Joomla! Web site.  It can be thought of as an individual web page.  An article can contain formatted text, images, embedded video, and links to other articles or external web sites.  Articles are organized by being saved into the appropriate categories.

• Note, just because an article is created, it will NOT automatically be displayed on the website.

Create Article

1. From the Joomla! Control Panel, click on the plus sign next to "Articles" under "Site" in the center

or

2. Hover over the Articles item under the "Content" tab and click on the "plus sign" to add a new article

New Article Details

• Enter a title for your article in the "Title" field
• Select a Category for the article from the Category dropdown menu to the right
• Add the text for your article to the text area under the editing toolbar on the Content tab
• You can format the content of your article using the buttons on the editing toolbars. The functionality of each button is displayed as you hover the mouse cursor over it. Also, a guide to all the buttons and their functions can be found here.
• When you have completed creating the article, click Save & Close

Find Article in Article Listing

Find your article in the article listing screen (Content > Articles).  If you know a part of the article title,  type it into the search area and click the Search icon:

Find Article within a Category

If you know of the category that the article is in, it helps to search by the category.  Click Filter Options, then select the category from the " - Select Category - " dropdown menu. Only articles in that category will appear.

Overview

Note: this procedure will only work if the page where you want to add the article is either a “Category – List” or “Category – Blog”.

Procedure

1. Log in using the front-end editor URL for your web site.
2. Browse to the location on your web site where the article should be added.  Once you reach the correct page, look for the "New Article" icon and link, which should appear below the articles currently listed on the page:
   
   
3. The first option is to give your article a title (see #1 below). Make the title meaningful to the content it provides. Do not worry about the alias (it will be created by Joomla).
4. Insert the content of the article into the text box under the editing toolbars (see #2 below).
5. You can format the content of your article using the buttons on the editing toolbars (see #3 below). The functionality of each button is displayed as you hover the mouse cursor over it. Also, a guide to all the buttons and their functions can be found here.
6. Important note on copying and pasting from Word documents:
   • Please DO NOT copy and paste text directly from Word into the Article Text area! This can disrupt the formatting of your article, and in some cases, can render your web page unusable. Here is the safe way to paste text from Word:
     
     • Copy the text from Word.
     • Click somewhere inside the text area of your article to select a place where the Word text will be pasted.
     • Click the first Clipboard icon on the editing toolbar (see number 4 above).
     • Press "Ctrl + V" on the keyboard.
     • The text will be pasted, but without Word formatting that can mess up your article.
     • Click Insert.
7. When you have finished entering and formatting the content, click on the Save button to save the article (see number 5 above).  Your article will now appear on the web site.

Overview

The RU Courses module displays the course schedule for a specific subject, or courses by course ID number.

Below is a sample display of the RU Courses Module:

Procedure

1) Create a new RU Courses Module.

• Go to Extensions --> Modules and click New.
• From the list of choices of module types, select "Rutgers Course List".

2) Configure the new module.

• Enter a "Title" for the module - for example, "Undergraduate Courses" (see #1 below).
• Select the subject from the "Subject" dropdown menu (see #2 below).
• Select "Undergraduate" or "Graduate" for "Course Level" (see #3 below).
• If additional courses from other subjects should be displayed, enter the course numbers, separated by commas, in the "Additional Course Listings" (see #4 below).
  • Enter the additional courses with the format schoolnumber:subject:course or schoolnumber:subject:course:section; for example:
    • 01:350:101
    • 01:350:101:01
• Click the Menu Assignment tab (see #5 below) and set Module Assignment to "No pages".
  
  
• (Optional) To make additional changes, click the "Module" tab, then change "Override global settings" to "Use custom settings for this module (more options will show when this is selected)." 
  
  
• You can then show (by checking) or hide (by unchecking) the following options:
  • Show Section Notes
  • Show Section Subtitles
  • Show Section Comments
  • Show Index Numbers
  • Show CORE Codes & PreReqs
  • Hide Fall Semester
  • Hide Winter Semester
  • Hide Spring Semester
  • Hide Summer Semester
• When done, click Save & Close.

3) Create a new Joomla! article to embed the module.

This article only needs a short line of code to display the module.

• Create an article in the Joomla! back-end or the front-end.
• To embed the module, click the Module button below the text area. If you see two Module buttons, click the second one (it looks like it has multiple windows in its icon):
  
  
• Enter part or all of the module's title in the "Search in module title and note" field, then press [Enter] or click the search icon.
• In the "ID" column, click the button with the number inside it to the left of your module's title (this is the module's ID number). In the below example, the arrow indicates that we are clicking the button with the number "1252," which corresponds to the module with title "Undergraduate Course List."
  
  
• Once selected, "Insert Module" window will close and you will see a bit of text between curly braces, similar to the following:
  
  { module id+155" }
  
  This code embeds the module so that it displays in the article:
  
• Save & Close the article.

Related:  Upload a syllabus so that it appears as a link in the RU Courses module

This procedure explains how to create anchor links within articles on web sites using Joomla!.  Anchor links allow you to link to specific text on a page.

• Select an article to edit following steps 1-3 of Editing Articles or create a new article.
• Select some text where the anchor should be placed.
• Click the Insert/Edit Anchor button on the editing toolbar:
  
   

• Type a name for the anchor.  Names for anchors must begin with a letter, cannot contain spaces, and must be unique within articles.
  
• Click Insert.  You will see an anchor icon in front of the text you selected.
• To create a link from somewhere within the same article:
  • Highlight the text that will be linked to the anchor.
  • Click the Insert/Edit link button on the editing toolbar:
    
    
  • At the bottom of the Link pop-up window, click the Article Anchors dropdown menu (see #1 below).
  • Select the anchor name you entered earlier (see #2 below).
  • Click Insert (see #3 below).
    
    
• To create a link from another article:
  • Save the current article:
    • If you are in the front-end editor, click the Save button to the upper left.
    • If you are in the Joomla! Administrator, click the Save & Close button to the upper left.
  • Select the second article to edit following steps 1-3 of Editing Articles or create a new article.
  • Highlight the text that will be linked to the anchor link you created earlier.
  • Click the Insert/Edit link button on the editing toolbar: 
    
    
  • A Link popup window will appear.
  • Under Links, click Content.
  • Click the top-level category that contains the article you want to link to (see #1 below).
  • If your article is in a subcategory, click the arrow to the left of the subcategory containing the article containing your anchor link.  (If the article is in a category several levels down, you may need to repeat this step until you find the article).
  • You should see the anchor link you created listed below the article - click on it (see #2 below).
    
    
  • Click Insert (see #3 below).
    
    
• If you are editing the article from the front end of the web site, click the Save button to the upper left to save your changes and close the article.
• If you are working in the Joomla! Administrator, to save your changes and continue editing the article, click the Save button to the upper left. 
• If you are working in the Joomla! Administrator, when you are done editing the article, click the Save & Close button to the upper left. 

This procedure explains how to create anchor links within articles on web sites using Joomla! 3.x.  Anchor links allow you to link to specific text on a page.

• Select an article to edit following steps 1-3 of Editing Articles or create a new article.
• Select some text where the anchor should be placed.
• Click the Insert/Edit Anchor button on the editing toolbar:
  
   

• Type a name for the anchor.  Names for anchors must begin with a letter, cannot contain spaces, and must be unique within articles.
  
• Click Insert.  You will see an anchor icon in front of the text you selected.
• To create a link from somewhere within the same article:
  • Highlight the text that will be linked to the anchor.
  • Click the Insert/Edit link button on the editing toolbar:
    
    
  • At the bottom of the Link pop-up window, click the Article Anchors dropdown menu (see #1 below).
  • Select the anchor name you entered earlier (see #2 below).
  • Click Insert (see #3 below).
    
    
• To create a link from another article:
  • Save the current article:
    • If you are in the front-end editor, click the Save button to the upper left.
    • If you are in the Joomla! Administrator, click the Save & Close button to the upper left. 
  • Select the second article to edit following steps 1-3 of Editing Articles or create a new article.
  • Highlight the text that will be linked to the anchor link you created earlier.
  • Click the Insert/Edit link button on the editing toolbar: 
    
    
  • A Link popup window will appear.
  • Under Links, click Content.
  • Click the top-level category that contains the article you want to link to (see #1 below).
  • If your article is in a subcategory, click the arrow to the left of the subcategory containing the article containing your anchor link.  (If the article is in a category several levels down, you may need to repeat this step until you find the article).
  • You should see the anchor link you created listed below the article - click on it (see #2 below).
    
    
  • Click Insert (see #3 below).
    
    
• If you are editing the article from the front end of the web site, click the Save button to the upper left to save your changes and close the article.
• If you are working in the Joomla! Administrator, to save your changes and continue editing the article, click the Save button to the upper left. 
• If you are working in the Joomla! Administrator, when you are done editing the article, click the Save & Close button to the upper left. 

This procedure explains how to create DOCman categories and move documents into them, using the SAS Content Management System (CMS; Joomla! 3.x) with the DOCman document manager component for Joomla! installed.

1. Creating a Document Category

• Log on to your site's Administrator URL.
• Select "Components > DocMan > Categories":
  
  
  
  
• Click the New icon to the upper left of the page: 
  
  
• Type a name for your new category in the title field (see #1 below).
• (Optional) Select a Parent Category if you want the category to be located within an existing category (see #2 below).
• (Optional) Enter a description for your category in the description text box (see #3 below).
• Save the new category by clicking the Save & Closeicon to the upper left (see #4 below).
  
  

2. Moving a Document to Your New Category

• Select "Components > DocMan > Documents":
  
  
  
  
• Click on the title of a document that you want to move.
• Click the Category dropdown menu and select your new category (see #1 below).
• Click the Save & Closeicon to the upper left (see #2 below).

Your document can now be found in the new category you created.

1. In the Joomla! back-end, go to: Components -> Ignite Gallery -> Categories
2. Click New Category:
   
   
   
   
3. Enter a name for the category in the Title field (see below).
4. Select the profile to be used with this category from the Profile dropdown menu (see below). Note that a different profile can be selected when you display the category within an article.  If no profiles exist, you can create a new profile.
5. If you would like to "nest" this category within an existing category, select the existing category from the Parent menu (see below).
6. Make sure Status is set to "Published" (see below).
   
   
   
   
7.  When done, click Save & Close to the upper left.

Previous step:

• Ignite Gallery Overview

Next step:

• Uploading Images

This procedure explains how to create links within an article on web sites using Joomla!.

Internal links (links to pages on the same website as the current page)

1. Select an article to edit following steps 1-3 of Editing Articles.
2. Highlight the text that will be linked to a second article.
3. Click the Insert/Edit link button on the editing toolbar: 
   
   
4. A Link popup window will appear.
5. Under Links, click Content (see #1 below).
6. Click the arrow to the left of the top-level category that contains the article you want to link to (see #2 below).
7. If your article is in a subcategory, click the arrow to the left of the subcategory containing the article.  (If the article is in a category several levels down, you may need to repeat this step until you find the article).
8. Click once on the name of the article you want to link to.
9. Click Insert to the bottom of the Link popup window (see #3 below).
   
   
10. Click Save & Close to save the article. 

External links (links to pages not on the same website as the current page)

The procedure is similar to the one demonstrated above.

• With external links, the target website page can be pasted directly into the URL field in the Link pop-up window. Make sure you include the http:// or https:// prefix of the URL. (See #1 below).
• Be sure to set the Target to "Open in new window" for links to external websites (See #2 below).

To create a link that appears as a button:

1. Select the link.
2. Click on the Styles dropdown menu (to the right of "Paragraph" on the editor toolbar)
3. Then select or type "button":
   
   
   
   
4. Your link will look like a button:

Overview

There are various types of menu items that can display JEvents calendar events on a Joomla! website.  This article demonstrates some of the most commonly used types:

• Date Range
• List of Events
• View by Month

Procedure

To create a menu item that displays JEvents in one of the formats shown under Examples, do the following:

• Log on to your site using the Administrator Login. 
• Go to Menus > Main Menu  (or whichever menu you'd like to create the menu item in) and click Add New Menu Item:
  
  
  
  
• Enter the name for the menu item (as it should appear in the Menu) in the Menu Title field (see #1 below). You may leave the box for Alias blank; one will automatically be generated.
• Next to the box for Menu Item Type, click the Selectbutton (see #3 below).
  
  
• A "Menu Item Type" pop-up window will open.  Select JEvents - Core (see below), then select the desired format for the event display:
  
  
  • To display a date range of events in the "Float" format, select Date Range (see below)
    
    • Go to the "Range Date & Time Settings" tab and select the desired options for the date range to display
    • Go to the "Options" tab and select "Float" from the "Choose JEvents Theme" dropdown menu
  • To display events in a table-style list, select List of Events (see below)
    • Go to the "Options" tab
    • Under "Select Columns to Display," click the columns to be displayed in the list of events.
  • To display events in a calendar format, select View by Month (see below)
• When done selecting the menu item type and configuring its options, click Save & Close.

Examples of JEvents Menu Items

List Format

"View by Month" Calendar format

Date Range with "Float" Theme

Overview

This procedure explains how to delete a menu item from a menu. 

We recommend unpublishing a menu item if you do not want to permanently delete it.

In this example, we will delete the menu item "Playground" in the Main Menu:

Procedure

1. Login to the Administrator back-end URL for the website.
2. Go to Menus (see #1 below) and select the menu containing the item to be unpublished (see #2 below):
   
   
3. Check the checkbox for the menu item to be unpublished (see #3 below).
4. Click the Trashbutton  found in the Actions button dropdown menu(see #4 below). 
   
   
5. The menu item will no longer appear in the menu:
   

1.  In the Joomla! back-end, select the Menus menu, then click on the menu where the Ignite Gallery item should be added.
2. Click the New button to the upper left.
3. Enter a title for the menu item in the "Menu Title" field.
4. Click the Selectbutton to the right of "Menu Item Type":
   
   
   
   
5. In the "Menu Item Type" popup window, select Ignite Gallery (see #1 below), then select Display Category under Ignite Gallery (see #2 below):
   
   
   
   
6. In the dropdown menu to the right of "Select Category", select the category containing the images to be displayed in the gallery:
   
   
   
   
7. If the menu item should appear in a dropdown menu under an existing menu item, select the existing menu item from the "Parent Item" menu on the right.
8. Click Save & Close to the upper left.
9. The gallery will be displayed using the profile set in the Ignite Gallery category options.

Sample Display:

Previous step:

• Editing Image Details

Next steps:

• Adding Videos to Ignite Gallery - Youtube/Vimeo
• Adding Videos to Ignite Gallery (Kaltura)

• Start by editing an article.
• Click within the article to place the cursor where the gallery should appear.
• Click the Gallery button under the text area to add a gallery:
  
  
• In the popup window, select the "Category" containing the images to be displayed within the gallery.
• Select the "Profile" to specify how the gallery will appear.
• Click Save.
  
  

• Your article will contain code that looks like the example below.
  • Code Layout: Id=3128 (this is just a unique number)
  • cid=1 (this is the Category ID)
  • pid=1 (this is the Profile ID)
    
    
• Save the article.

Sample result of embedding gallery in an article:

Previous step:

• Editing Image Details

Next steps:

• Adding Videos to Ignite Gallery - Youtube/Vimeo
• Adding Videos to Ignite Gallery (Kaltura)

May 1, 2024

We are in the process of updating all of our websites so they will use a dynamic contact module to display contact on our academic pages.

Sample page:

The contacts module on the LEFT side is generated based on fields which are stored on the people pages in custom fields and tags.

To edit the people that are displayed in this module.

1. Login on the FRONT END of the website (Scroll to bottom of page to login)
2. Go to one of the People Pages (Faculty page)
3. Find the person that needs to be edited

4. Once on the page, click on the PEOPLE FIELDS TAB

5. Edit the Contact Caption (this is displayed on the contact Module page)

6.  To determine if the person is included in the Contact Module on Graduate or Undergraduate, click on the PUBLISHING TAB, select TAGS, and or remove tags as needed

  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

The Advising page is a required page on all of our sites that offer academic courses.  To confirm the Academic Check off list, please visit the page below:

Academic Check off List

 1. Login into the front end of the website via the button at the bottom of the website

.

2. Once logged in go to: Academics --> Undergraduate, find the Advising Page on the Left Side

3. Click on Advising, then click the EDIT BUTTON on the top right side

If you do not see an edit button, you may not have logged onto the site.  Please try to login again, if it still doesn't work, please create a ticket to verify that you have access to the website, our web team can confirm if you have web access.  If you do not have web access we will need the Chair / Director to create a ticket requesting web access.

How to Request Web Access

4. Content Tab (once logged in and editing the article)

Edit the advising article as needed.  Always hit Save and Close once editing is complete

This is 'general' information on how you can edit Courses on your website.  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

1. Login to the back end of your site by using the sites link with /administrator added onto it for example https://amerstudies.rutgers.edu/administrator/
2. Click on Content on the top bar and a menu should pop up where you should click on categories.
   
3. Look for the Category that says Course Descriptions and click on the green button with a number in it on the right side.
   
4. Choose the course you would like to update.
   
5. Edit Content Tab
   1. This contains the TITLE for the article, which is displayed on the website
   2. Description content (which may contain detailed information about the article)
      
6. Course Fields Tab
   1. This tab contains specifics about the course
   2. Each department may have decided to store different details about the course
   3. To determine what is needed, check this tab on a course that already exists
      
7. Publishing Tab
   1. Here you can change all publishing options.
   2. Check a similar course to check how it should be used.
      

This is 'general' information on how you can edit Courses on your website.  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

 1. Login into the front end of the website via the button at the bottom of the website

.

2. Once logged in scroll down to the User Menu on the left side and click on Edit Course Descriptions. (This may differ depending on your site)

• If your site does not display a 'user menu' when logged in, please create a REQUEST requesting that we create one for you, and what content you would like to easily edit on the front end.
  

3. Click on the Edit button for whichever course you are looking to edit.  

4. Content Tab

• This contains the TITLE for the article, which is displayed on the website
• Description content (which may contain detailed information about the article)

5. Course Fields Tab

• This tab contains specifics about the course
• Each department may have decided to store different details about the course
• To determine what is needed, check this tab on a course that already exists
  

4. Publishing Tab

• This tab contains information about the CATEGORY (which should not be altered)
• Tags, the tags may vary by department depending on how the information is displayed
• Check a similar course to determine what tags could be used
• This also shows if the course is PUBLISHED or NOT PUBLISHED (not published will not appear on the website)
  

This is 'general' information on how you can edit News Items on your website.  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

1.  Login to the back end of your website.
   
2. Click on categories under content
   .
3.  Find the news section and click on the specific green button for your news type
   
4. Pick the article you would like to edit.
5. Use the content section to fill out information.
6. Use the images and links sections to choose any options.
7. Use the publishing option to choose any options.

This is 'general' information on how you can edit News Items on your website.  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

1. Log in to the front end of your website.

2. Go to your News section

3. Choose the news article you want to edit.

4. Hit the edit button on the right

5. Click on content to fill out the information.

6. Click on publishing to choose the right options.

This is 'general' information on how you can edit People (Faculty, Staff, Other) on your website.  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

 1. Login at your site's link plus /administrator.

2. Click on Content then Categories

3. Find the Staff tab and click on the green button on the right side.

4. Choose the person that you would like to edit.

5. Use the content section to fill any necessary information for the person.

6. Use the People Fields Tab to fill the separate sections.

7. Use the publishing tab to fill any extra options.

This is 'general' information on how you can edit People (Faculty, Staff, Other) on your website.  If you need further assistance specific to your site, please create a REQUEST so we can assist you.

 1. Login through the front end at the bottom of the page.

2. Choose the person that you would like to edit by clicking edit on the right side of their name.

3. Use the content section to fill any necessary information for the person.

4. Use the People Fields Tab to fill the separate sections.

5. Use the publishing tab to fill any extra options.