Joomla 4.x
Joomla 4.x
-
Creating a Category (Joomla! back-end) (Joomla! 4/5)
- How to video:
Categories can be thought of as folders that hold your articles. Categories can contain not only articles, but also additional categories (called subcategories). A category that contains subcategories is said to be the "parent" of those subcategories
Create Category
1. From the Joomla! Home Dashboard, click on Article Categories under "Site", and then click on the New button once on the "Articles: Categories" page
or
2. Hover over the Categories item under the "Content" tab on the left; then click on the plus sign item that appears next to Categories
Category Page Details
- Enter a title for your category in the "Title" field
- Enter an optional Category Description in the text area under "Description"
- If the category should be a subcategory of another category, select the other category from the Parent dropdown menu to the right.
- When completed working with the category, click Save & Close
- Video Included: Video Included
-
Creating a Menu Item that links to a Category Blog (Joomla! 4/5)
- How to video:
Category Blog vs Category List
- A "Category Blog" layout will display, for a selected category, content from the "Intro Text" of the article. Intro Text is the content above the Read More divider. If there is no Read More divider, all content from the article will show.
- A "Category List" layout displays a listing of articles in a category. The titles will link to the article. It can be set to display some other information such as Author and Published date. Instructions for setting up a "Category List" page are here.
Setting up a Category Blog page
- 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 the "plus" ("+") icon to 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. Choose the appropriate menu item type from the list. Click Articles, then click Category Blog (see #2 below):
- Once this option is chosen, there will be a field titled "Choose a category". Select the appropriate category from the drop down list:
- If your new menu item should appear as a drop-down selection, go to the Parent Item drop-down menu and select the existing menu item that the new menu item should appear under (see #2 below). If you leave "Menu Item Root" selected for Parent Item, your new menu item will appear as a top-level item:
- Click Save & Close to the upper left.
Ordering Articles
- To adjust ordering of articles, go to the "Blog Layout" tab (see #1 below) and select one of the following options from the "Article Order" dropdown menu (see #2 below):
- Use Global (in parentheses will be the default "Global" setting)
- Featured Articles Order
- Most Recent First
- Oldest First
- Title Alphabetical
- Title Reverse Alphabetical
- Author Alphabetical
- Author Reverse Alphabetical
- Most Hits
- Least Hits
- Random Order
- Article Order: the order of the articles in Content -> Articles. The Article Order can be adjusted.
- Article Reverse Order
- When done, click Save & Close to the upper left.
- Video Included: Video Included
-
Creating a Menu Item that links to a Category List (Joomla! 4/5)
- How to video:
Create the Menu Item:
- 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
- A "Menu Item Type" pop-up window will open. Click Articles, then click Category List
- Once this option is chosen, there will be a field titled "Choose a category". Select the appropriate category from the drop down list:
- If your new menu item should appear as a drop-down selection, go to the Parent Item drop-down menu and select the existing menu item that the new menu item should appear under (see #2 below). If you leave "Menu Item Root" selected for Parent Item, your new menu item will appear as a top-level item:
- Click Save to the upper left.
Changing the Parameters of the Menu Item:
- While still in the "Menus: New Item" window, click "List Layouts" - see number 1 below
- Change "Display Select" to "Hide" - see number 2 below
- Change "Show Hits in List" to "Hide" - see number 3 below
- Change "Author in List" to "Hide" - see number 4 below
- Change "# Articles to List" to "All"
- Click Save & Close - see number 5 below
A "Category List" Layout is appropriate for larger categories, or categories with long articles (such as faculty pages or course descriptions). For displaying a smaller category, or a category with shorter articles (such as "News" or "Announcements"), a "Category Blog" may work better.
- Video Included: Video Included
-
Creating a Menu Item that links to a Single Article (Joomla! 4/5)
- How to video:
- 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. Choose the appropriate menu item type from the list. For a new article, click Articles, then select Single Article
- Once this option is chosen, there will be a field titled "Select an Article." Click the Selectbutton
- A pop-up window will appear, displaying all of the website's articles. You can narrow down the results by either entering a term in the Filter text field (see #1 below), or choosing the appropriate category from the Select Category drop down menu (see #2 below). Click the article title once to select the article you want to link to (see #3 below):
- If your new menu item should appear as a drop-down selection, go to the Parent Item drop-down menu and select the existing menu item that the new menu item should appear under (see #2 below). If you leave "Menu Item Root" selected for Parent Item, your new menu item will appear as a top-level item.
- Once the correct article is selected, click Save & Close to the upper left.
- Video Included: Video Included
-
Creating a Popup Link to a file with JCE Editor Image Manager Extended (Joomla! 4/5)
Overview
This page shows how to create a popup link from an image to a file with JCE Editor Pro's Image Button. Note: This can also be done in the standard JCE Editor.
Requirements
- JCE Pro with Image Manager Extended button enabled
- JCE Media Box 2 plugin installed and enabled
Procedure
Step 1: Click Insert/Edit Image button (the one with a star)
- Log into the Administrator interface using your NetID credentials.
- Find the article you want to edit and click on its title.
- In the text area, position the cursor where you would like your image to appear
- Click on the second "Insert/Edit Image" button; you can identify it by the star in the button (see below)
- If you do not have this featured installed, SUBMIT REQUEST and we can install it for you
Step 2: Select the image to be linked to the popup
- Navigate to the folder where the image is located (or, for a new image, where it should be saved) using the "Folders" pane (see #1 below). If you are adding a new image, click the Upload button (see #2 below):
- If you clicked Upload, choose the Browse button at the bottom of the "Upload" window and navigate to the location of the image on your computer (see #1 below). Alternately, you can drag and drop images to the 'Drop files here' area (see #2 below):
- Once you have located or uploaded your image, select its filename from the "Name" pane:
Step 3: Create the popup link
- Select the "Popups" tab in "Image Manager Extended" (see #1 below)
- For "Popup Type," select "JCE Mediabox" (see #2 below)
- Browse to the folder containing the file that should appear in the popup window and select the filename (see #3 below)
- Note that you can upload a new file using the Upload button.
- Enter a title for the file in the "Title" field (see #4 below)
- Enter a caption for the file in the "Caption" field (see #5 below)
- Click Insert once complete (see #6 below)
- Save & Close your article. The image you selected in Step 2, when clicked, will link to a popup window displaying the file you selected in Step 3.
-
Creating a Popup Link to an article, file, or image with standard JCE Editor (Joomla! 4/5)
Overview
You can link an image to a popup window that displays a larger version of the same image, another image, a PDF, or even a Joomla! article.
Requirements
- JCE MediaBox 2 plugin installed and enabled
Option 1: Make a popup link to a Joomla! Article
The "Apply Now" button at right is an example of an image that links to an article in a popup window.
1) Add the button image.
2) Link the image to the article.
- Select the image you added in Step 1.
- Click the Insert Link button on the editor toolbar:
- Under "Search...", click Content (see #1 below).
- Click the name of the top-level category that contains the article you want to link to (see #2 below).
- If your article is in a subcategory, click the name 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).
- Click once on the name of the article you want linked to the button.
3) Create the popup.
- In the Link window, click the Popups tab (see #1 below).
- In Popup Type, choose JCE MediaBox Popups (see #2 below). (If you do not see the JCE MediaBox Popups, SUBMIT REQUEST asking us to add the JCE MediaBox Popups plugin to your site).
- Select "Internal Links" for the Media Type option (see #3 below). This will display the article content without the surrounding elements such as the banner and navigation menu.
- Click Insert (see #4 below) and then Save & Close the article.
- Test the page to check the display. If the window needs to be a different size, go back to the JCE MediaBox Popups options and adjust Dimensions (see #5 below). The first field after Dimensions is width in pixels; the second field is height in pixels.
Option 2: Make a popup link to a File or Image
The "Rutgers Day" image at right is an example of an image that links to a PDF file in a popup window. If adding a popup to an existing image or file link, skip to step 5.
- Click the Insert/Add Image tool and navigate and select the image to be linked to the popup window. If the image already exists in the article, copy the link from the URL field.
- Select the image you uploaded in Step 1.
- Click the Insert Link button on the editor toolbar (See screenshot under Option 1, 2b above).
- In the Link window, look to the right of the URL field for the "Browse" icon (it looks like a tiny piece of paper). Click it and browse to the image or PDF that should open in the popup:
- In the Link window, click the "Popups" tab (see #1 below).
- In Popup Type, choose JCE MediaBox Popups (see #2 below). (If you do not see the JCE MediaBox Popups, SUBMIT REQUEST asking us to add the JCE MediaBox Popups plugin to your site).
- [Recommended] Enter a short description of the image or the file in the "Title" and/or "Caption" fields.
- [Optional] Set dimensions for popup (see #3 below). The first field after Dimensions is width in pixels; the second field is height in pixels. (You may want to do this if what will be displayed in the popup is very large).
- Click the Insert button (see #4 below).
- Save & Close the article.
-
Creating an "Articles - Category" module to display a Category List (Joomla! 4/5)
Overview
You can use an "Articles - Category" module to display a list of articles from a category in a module position on your website.
Procedure
- In the Joomla! back-end (Control Panel), navigate to Extensions > Site Modules, then click the New button to create a new module:
- For "Select a Module Type:" select "Articles - Category" (not "Articles - Categories"):
- Enter a title for your module in the "Title" field.
- For "Position," click the dropdown menu, and select the desired module position. For example, to display the module to the left of the content area, select "Sidebar-left [sidebar-left]".
- Click the "Menu Assignment" menu to specify which menu items will display your module
- If the new module should appear on all pages, leave "On all pages" selected. If not, refer to Assigning a Module to one or more menu items.
- Click the "Filtering Options" tab (see #1 below):
- For "Count," select the number of articles to be displayed; to display all articles from the category, leave this as "0" (see #2 below)
- Change "Featured Articles" from "Show" to "Hide" to hide featured articles; or to "Only" to display only featured articles (see #3 below)
- Click in the "Category" field and select one or more categories whose articles should be displayed in the module (see #4 below)
- If articles from a categories' subcategories should be displayed, change "Child Category Articles" to "Include" (see #5 below)
- Click the "Ordering Options" tab.
- Select the option from "Article Field to Order By" based on how the articles should be ordered within the module.
- For example, selecting "Article Field to Order By" to "Random" will display the articles in a random order every time the module is displayed.
- To set your own order for the articles, select "Article Order," then refer to the procedure "Re-ordering Articles"
- Click the "Grouping Options" tab.
- If you want the articles to be grouped within the module, select an option from the "Article Grouping" drop-down menu (see #1 below).
- For example, selecting "Category" will group the articles into their subcategories.
- Leave "Grouping Direction" as "Ascending" unless the article groups should be displayed in reverse order (see #2 below).
- If you want the articles to be grouped within the module, select an option from the "Article Grouping" drop-down menu (see #1 below).
- Click the "Display Options" tab.
- By default, "Linked Titles" is set to "Yes," meaning you can click the article titles to be redirected to the corresponding articles.
- Additionally, you can display other elements from the articles, such as the date, category, intro text or a Read More link.
- When done, click Save & Close.
- In the Joomla! back-end (Control Panel), navigate to Extensions > Site Modules, then click the New button to create a new module:
-
Creating an "Articles - Newsflash" module to display content (Joomla! 4)
- How to video:
Overview
An "Articles - Newsflash" module can display text from one or more articles. The ordering can be set to random, so that each time you visit the page where the module is displayed, it will show content from a different article.
- In the Joomla! back-end (Control Panel), navigate to Extensions > Modules, then click the New Button to create a new module:
- For "Select a Module Type," select "Articles - Newsflash"
- Enter the name of the module in the "Title" field.
- Under "Position," click the dropdown menu, and select the desired module position. For example, to display the module to the right of the content area, select "Sidebar-b [sidebar-b]"
- Configure the options for the module:
- For "Category," select the category or categories whose articles will be displayed (see #1 below)
- Change "Show Images" to "Yes" if images from the articles should be displayed in the module (see #2 below)
- For "'Read more...' Link", click "Show" if you would like to display a "Read more" link that links to the full article (see #3 below)
- For "Number of Articles," enter the number of articles to be displayed by the module (see #4 below)
- For "Order Results," select how the articles should be ordered (see #5 below). The options are:
- Published Date
- Created Date
- Modified Date
- Ordering (i.e. article ordering)
- Hits (number of hits)
- Random
- By default, Joomla! will assign the new module to all pages. To display the module only on selected pages, follow the documentation for Assigning a Module to one or more menu items.
- When done, click Save & Close to the upper left:
- Video Included: Video Included
-
Creating an Article (Joomla! back-end) (Joomla! 4/5)
- How to video:
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.
- Video Included: Video Included
-
Creating an Article (Joomla! front-end) (Joomla! 4/5)
- How to video:
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
- Log in using the front-end editor URL for your web site.
- 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:
- 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).
- Insert the content of the article into the text box under the editing toolbars (see #2 below).
- 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.
- 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.
- 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:
- 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.
- Video Included: Video Included
-
Creating an RU Courses Module (Joomla! 4/5)
- How to video:
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
- Enter the additional courses with the format schoolnumber:subject:course or schoolnumber:subject:course:section; for example:
- 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
- Video Included: Video Included
-
Creating Anchor Links (Joomla! 4/5)
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).
- Save the current article:
- 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.
-
Creating Anchor Links (Joomla! 4/5)
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).
- Save the current article:
- 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.
-
Creating and Using Categories in DocMan (Joomla! 4/5)
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.
-
Creating Categories in Ignite Gallery (Joomla! 4/5)
- How to video:
- In the Joomla! back-end, go to: Components -> Ignite Gallery -> Categories
- Click New Category:
- Enter a name for the category in the Title field (see below).
- 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.
- If you would like to "nest" this category within an existing category, select the existing category from the Parent menu (see below).
- Make sure Status is set to "Published" (see below).
- When done, click Save & Close to the upper left.
Previous step:
Next step:
- Video Included: Video Included
-
Creating Links in Articles (Joomla! 4/5)
- How to video:
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)
- Select an article to edit following steps 1-3 of Editing Articles.
- Highlight the text that will be linked to a second article.
- Click the Insert/Edit link button on the editing toolbar:
- A Link popup window will appear.
- Under Links, click Content (see #1 below).
- Click the arrow to the left of the top-level category that contains the article you want to link to (see #2 below).
- 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).
- Click once on the name of the article you want to link to.
- Click Insert to the bottom of the Link popup window (see #3 below).
- 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:
- Select the link.
- Click on the Styles dropdown menu (to the right of "Paragraph" on the editor toolbar)
- Then select or type "button":
- Your link will look like a button:
- Video Included: Video Included
-
Creating Menu Items to Display Events from JEvents (Joomla! 4/5)
- How to video:
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)
- To display a date range of events in the "Float" format, select Date Range (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
- Video Included: Video Included
-
Creating Profiles in Ignite Gallery (Joomla! 4)
- How to video:
A profile determines how the images in an Ignite Gallery category are displayed.
The SAS Web Development Team can build these profiles for you if you are not able to; if needed, submit a REQUEST.
Normally it is a good idea to create 2 basic profiles: a main gallery profile, and a thumbnails-only profile:
Main Gallery Profile
This gallery will show a 'main image' with thumbnail images below it.
- In the Joomla! back-end, go to: Components -> Ignite -> Profiles
- Click New Profile
Tab: General
- Title: "Main Gallery"
- Image Swap Method: No Hash in URL
Tab: Main Image
- Show Large Image: Yes
- Max Image Width: 800
- Maximum Image height: 550
- Crop to same size: No (recommended)
- Desktop Transition: Fade
- Show Left Right Arrows: Yes (if desired)
- Slideshow Autostart: Yes (if the images should change automatically)
- Slideshow Period - Milliseconds: 5000
Tab: Main Thumbnails
- Show Thumbnails: Yes
- Maximum Image Width: 120 (recommended)
- Maximum Image Height: 90 (recommended)
- Crop to Same Size: No (recommended for Justified Grid type)
- Show Info Over Thumbs: None
- Hover Effect: Fade To Gray
- Thumbnail Layout: Responsive Grid
- Responsive Grid Type: Justified Grid
Tab: Main Other
- Download Image: None (unless they should be downloadable)
- Show Facebook Like Button: No
- Show Twitter Button: No
- Show Pinterest Button: No
- Image Descriptions:
- Show Descriptions: Yes
- Position: set to Bottom or On Top of Image, depending on your preference
- Show Tags: No
When done, click Save & Close to the upper left.
Thumbs Only Profile
This gallery will only show thumbnail images.
- In the Joomla! back-end, go to: Components -> Ignite -> Profiles
- Click New Profile
Tab: General
- Title: "Thumbs Only Profile"
- Image Swap Method: No Hash in URL
Tab: Main Image
- Show Large Image: No
Tab: Main Thumbnails
- Show Thumbnails: Yes
- Maximum Image Width: 300 (recommended)
- Maximum Image Height: 200 (recommended)
- Crop to Same Size: Yes
- Show Info Over Thumbs: Image Alt Text (recommended)
- Hover Effect: Fade To Gray
- Thumbnail Layout: Responsive Grid
- Responsive Grid Type: Justified Grid
Tab: Main Other
- Download Image: None (unless they should be downloadable)
- Show Facebook Like Button: No
- Show Twitter Button: No
- Show Pinterest Button: No
- Image Descriptions:
- Show Descriptions: Yes
- Position: Bottom
- Container Height - 0 Equals Autofit: 100
- Show Tags: No
Tab: Lightbox Thumbnails
- Show Thumbnails: No
When done, click Save & Close to the upper left.
Previous step:
Next step:
- Video Included: Video Included
-
Deleting a Menu Item (Joomla! 4/5)
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
- Login to the Administrator back-end URL for the website.
- Go to Menus (see #1 below) and select the menu containing the item to be unpublished (see #2 below):
- Check the checkbox for the menu item to be unpublished (see #3 below).
- Click the Trashbutton found in the Actions button dropdown menu(see #4 below).
- The menu item will no longer appear in the menu:
-
Displaying a Video Within an Article or Module (Joomla! 4)
- How to video:
Uploading the Video
This procedure assumes the video has already been uploaded to YouTube. You will need the URL for the video in order to proceed.
For information on having your video uploaded to YouTube, please consult Video Hosting Options at Rutgers.
Displaying the Video
Displaying a Video within an Article
- Select an article to edit following steps 1-3 of Editing Articles, or create a new article.
- Click somewhere within the Contenttext box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- If you are editing the article from the front end of the web site, click the Save button to save your changes.
- 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.
Displaying a Video within a Custom Module
- Log on to your site using the Administrator Login URL.
- Click on "Extensions > Site Modules"
- Click on the Title of a "Custom" module to edit it, or follow steps 1 through 8 of Adding a Custom Module (Joomla! 4.x) to create a new Custom HTML module.
- Click somewhere within the Module text box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).
- Click Save & Close to the upper left of the web page.
- Your module will display the video as embedded content.
Advanced Options: Set height and width of embedded video
You can add parameters (separated by pipes: "|") after the video URL or video ID to control the width and height of the embedded video.
{ youtube }VideoID|560|315{ /youtube }
(Note: Remove spaces surrounding "youtube" and "/youtube".)- 560 = width of embedded video will be 560px
- 315 = height of embedded video will be 315px
You can also use percentages in place of pixel values:
e.g.{ youtube }VideoID|100%|400{ /youtube }
Note: Remove spaces surrounding "youtube" and "/youtube".- 100% = width of embedded video will be 100% of the available space
- 400 = height of embedded video will be 400px
Sample Video Display
Once you have embedded the video in your article or module, it will look something like this:
Working with hosting services other than YouTube
- Vimeo and other third-party video hosts
The process is similar to embed a video hosted on a website other than YouTube. Consult the AllVideos documentation to get the correct tags to use (in place of the tags "{ youtube }" and "{ /youtube }" referenced in the above procedure). - Kaltura
Kaltura-hosted videos can be displayed on the site using the embed code from Kaltura.
- Video Included: Video Included
- Video Included: Video Included
Page 3 of 7