Joomla 4.x

Joomla 4.x

  • Creating a "JEvents - Latest Events Module" (Joomla! 4)

    • How to video:

    Overview

    JEvents is a Joomla! component that lets you create events and display them in a variety of ways. We commonly use the component to display future and past events. If you haven't already set up JEvents Categories and added Events, please do that before making the module:

     

    Procedure

    This is how to set up a module to display upcoming events:

    1. Go to Components > Modules:

      JEvents Module
    2. Select the New button from the top left of the page: New button
    3. Select "JEvents - Latest Events Module" as the type of module from the list:JEvents Module 1
    4.  Give the module a title and a position. Usually, this module works best in the "Sidebar B (sidebar-b)" position.  See a list of commonly used module positions here.JEvents Module 2
    5. Unless the module should appear on all pages of the website, assign it to specific pages as follows:
      1. Click the "Menu Assignment" tab
      2. Click the dropdown box to the right of Module Assignment and select "Only on the pages selected" (see #1 below).
      3. For Menu Selection, click "None" to the right of Select (see #2 below).
      4. Click the check boxes for any menu items that should display the module when clicked (see #3 below).JEvents Module 3
    6. Click the Module tab.  Under JEvents - Latest Events Module on the left are options you can change, depending on how you want your events to be displayed:
      1. Select categories – leave blank for all: Select which categories you want to display, or leave it blank if you want to show events from all categories.
      2. Maximum Events to display:enter the maximum number of events to be displayed.
      3. Display events from the next ? days: Enter a number for how many days into the future to display the events.
      4. Past Events Only: change this to "Future Events Only" to only display future events.
      5. When done, click Save & Close.JEvents Latest Events Module options

    If you have any questions you may SUBMIT A REQUEST and we will help you with the configuration.

     

    • Video Included: Video Included
  • Creating a Button Link (Joomla! 4)

    • How to video:

    Adding links to your article

    To add links to any article, select the text you want to create into a link, then click on the Insert/Edit link in the tool menu.

    Screenshot 2020 04 28 15.46.37

    In the link tab in the popup, enter the link you want the button to redirect the person to. You can also change the text of the link if you prefer. 

    Capture

    Making the link into a button

    1. Click on the Advanced tab of the popup 
    2. Under Classes, choose the button type you prefer
    3. Click Update

    link add button class

    When done, click Save & Close to save your article.

    • Video Included: Video Included
  • Creating a Category (Joomla! back-end) (Joomla 4)

    • 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

    Create Category

    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

    Create Category2

    • Video Included: Video Included
  • Creating a Menu Item that links to a Category List (Joomla! 4)

    • How to video:

    Create the Menu Item:

    1. Log on to your site using the Administrator Login.
    2. Go to Menus > Main Menu  (or whichever menu you'd like to create the menu item in) and click Add New Menu Item:
    3. 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.
    4. Next to the box for Menu Item Type, click the Selectbutton
    5. A "Menu Item Type" pop-up window will open. Click Articles, then click Category List
      categorylist
    6. Once this option is chosen, there will be a field titled "Choose a category". Select the appropriate category from the drop down list:
    7. 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:
      categorylist 2
    8. Click Save to the upper left: "Save" button

    Changing the Parameters of the Menu Item:

    1. While still in the "Menus: New Item" window, click "List Layouts" - see number 1 below
    2. Change "Display Select" to "Hide" - see number 2 below
    3. Change "Show Hits in List" to "Hide" - see number 3 below
    4. Change "Author in List" to "Hide" - see number 4 below
    5. Change "# Articles to List" to "All"
    6. Click Save & Close - see number 5 below

     categorylist 3

    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)

    • How to video:

    1. Log on to your site using the Administrator Login.
    2. Go to Menus > Main Menu  (or whichever menu you'd like to create the menu item in) and click Add New Menu Item:
      mainmenu
    3. 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.
    4. Next to the box for Menu Item Type, click the Selectbutton (see #3 below).
      categorylist 2
    5. 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 
      singlearticle
    6. Once this option is chosen, there will be a field titled "Select an Article." Click the Selectbutton
    7. 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):
      selectcat
    8. 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.
      categorylist 2
    9. Once the correct article is selected, click Save & Close to the upper left: Save & Close

     

    • Video Included: Video Included
  • Creating a Popup Link to a file with JCE Editor Image Manager Extended (Joomla! 4)

    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.

    Procedure

    Step 1: Click Insert/Edit Image button (the one with a star)

    JCE Editor Pro: "Insert/Edit Image" button (with star)

    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):

      JCE Editor: Image Manager Extended, "Folders" pane and "Upload" button
    • 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):

      "Upload" popup window

    • Once you have located or uploaded your image, select its filename from the "Name" pane:

      JCE Editor: Image Manager Extended, Select filename

    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 (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)
      JCE Editor: Image Manager Extended, "Popups" tab
    • 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)

    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.

    Option 1: Make a popup link to a Joomla! Article

    button applyThe "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.

    1. Click the Insert/Add Image tool and navigate and select the image to be linked to the popup window.

    2) Link the image to the article.

    1. Select the image you uploaded in Step 1.
    2. Click the Insert/Edit Link button on the editor toolbar:

      Joomla! 3.x: JCE Editor, "Insert/edit Image" button

    3. Under "Search...", click Content (see #1 below).
    4. Click the name of the top-level category that contains the article you want to link to (see #2 below).
    5. 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).
    6. Click once on the name of the article you want linked to the button.

      Joomla 3.x: Linking to content

    3) Create the popup.

    1. In the Link window, click the Popups tab (see #1 below).
    2. 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).
    3. 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.
    4. Click Insert (see #4 below) and then Save & Close the article.
    5. 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. 

      Joomla 3.x: Link popup window, "Popups" tab

    popup imageOption 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.

    1. Click the Insert/Add Image tool and navigate and select the image to be linked to the popup windowIf the image already exists in the article, copy the link from the URL field.
    2. Select the image you uploaded in Step 1.
    3. Click the Insert/Edit Link button on the editor toolbar (See screenshot under Option 1, 2b above).
    4. If  the popup will display the full size version of an image that has already been inserted into the article, click it then the Link tool and copy the URL and continue the next step to add the popup.
      Otherwise, 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:

      Joomla! 3.x: "Link" popup window, "Browse" icon

    5. In the Link window, click the "Popups" tab (see #1 below).
    6. 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).
    7. [Recommended] Enter a short description of the image or the file in the "Title" and/or "Caption" fields.
    8. [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).
    9. Click the Insert button (see #4 below).
    10. Save the article.

      Joomla! 3.x: Link popup window, "Popups" tab options

     

  • Creating an Article (Joomla! back-end) (Joomla 4)

    • 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

    Adding 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

    Create_NewArticles2.png

    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:

    Create_NewArticles3.png

    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.

    Create_NewArticles4.png

    • Video Included: Video Included
  • Creating an Article (Joomla! front-end) (Joomla 4)

    • 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

    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:

      Front-end Category List
    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 at: https://www.joomlacontenteditor.net/support/documentation/56-editor/340-editor-buttons
      Front end article editingScreen Shot 2023 02 15 at 1.30.01 PM
    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.
    • Video Included: Video Included
  • Creating and Using Categories in DocMan (Joomla! 4)

    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":

      Screenshot 2023 06 15 at 1.47.23 PM

    • Click the New icon to the upper left of the page: DOCman "New" button

    • 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).

      DOCman: Create a category

    2. Moving a Document to Your New Category

    • Select "Components > DocMan > Documents":

      Screenshot 2023 06 06 at 2.44.02 PM

    • 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).

    DOCman: Change document category

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

  • Creating Categories in Ignite Gallery (Joomla! 4)

    • How to video:

    1. In the Joomla! back-end, go to: Components -> Ignite Gallery -> Categories
    2. Click New Category:

      ig 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).

      ig category 2

    7.  When done, click Save & Close to the upper left.

    Previous step:

    Next step:

    • Video Included: Video Included
  • Creating Menu Items to Display Events from JEvents (Joomla! 4)

    • 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:

      menu mainmenu

    • 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).JEvents Menu

    • A "Menu Item Type" pop-up window will open.  Select JEvents - Core (see #1 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 #2 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 #3 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 #4 below)
    • When done selecting the menu item type and configuring its options, click Save & Close.

    JEvents Menu 1

    Examples of JEvents Menu Items

    List Format

    Displaying Events as a Menu Item in a List Format

    "View by Month" Calendar format

    Display Events as a Menu Item in a Calendar type format

    Date Range with "Float" Theme

    Display Events as a FLOAT menu item

    • 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
  • Displaying Galleries with Menu Items (Joomla! 4)

    • How to video:

    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":

      ig menu item

    5. In the "Menu Item Type" popup window, select Ignite Gallery (see #1 below), then select Display Category under Ignite Gallery (see #2 below):

      ig menu item 1

    6. In the dropdown menu to the right of "Select Category", select the category containing the images to be displayed in the gallery:

      ig menu item 2

    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:

    Sample Display

    Previous step:

    Next steps:

    • Video Included: Video Included
  • Displaying Galleries within Articles (Joomla! 4)

    • How to video:

    • 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:

      ig article
    • 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.

      ig article 1
    • 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)

        ig article 2
    • Save the article.

     

    Sample result of embedding gallery in an article:

    Ignite Gallery: Sample result of embedding gallery in an article

    Previous step:

    Next steps:

    • Video Included: Video Included
  • Edit People - Front End (Joomla! 4)

    • How to video:

    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.

    login

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

    edit people

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

    4. Use the People Fields Tab to fill the separate sections.edit people 3

    5. Use the publishing tab to fill any extra options.edit people 4

    • Video Included: Video Included
  • Editing a Custom Module (Joomla! 4)

    • How to video:

    Overview

    A custom module contains some combination of text, images, and links.  Editing a custom module is very similar to editing an article.

    Example

    In the below screenshot, "Contacts" is a custom module that contains text and links. The title of the module usually appears in a large font above the content within the module.

    Sample custom module

    Procedure

    1. In the Joomla! back-end (Control Panel), navigate to Extensions > Modules, then click the New Button to create a new module:Screenshot 2023 03 20 at 3.53.40 PM
    2. For "Select a Module Type," select "Custom"
    3. Screenshot 2023 03 21 at 2.50.42 PM
    4. Under the formatting toolbars, edit the text that appears in the module (see #1 below). You can format the text using the buttons on the editor toolbars (see #2 below).

      Editing a Custom Module
    5. When done, click Save & Close: save and close
    • Video Included: Video Included
  • Editing Image Details (Joomla! 4)

    • How to video:

    1. If you are not already at the image listing for an Ignite Gallery category, you can go there as follows:
      • From the back end Joomla! administrator interface, go to Components -> Ignite Gallery -> Categories.
      • Click Manage Images in the row for the category containing the images you'd like to edit.
    2. Click Edit in the Description or Tag column corresponding to the row for the image to be edited:

      ig edit

    3. In the Edit Image Details page, you can set the following:
      • Description (optional)
      • Tags (optional)
      • Image Alt Text (required for accessibility; a short description of the image that can be the same as the "Description")
      • Image Link (optional; allows you to link the image to another page or website)

        ig edit1

    4. If you want to replace an image with another one, click Browse to the right of "Change Image":

      ig edit2

      Then browse to the image on your computer and click Open.

    5. After editing all the details for an image, click Save And Next at the top to edit the details for the next image, or Save & Close when done.

     Previous step:

    Next steps:

    • Video Included: Video Included
  • Embedding a Latest Events Module within an Article (Joomla! 4)

    • How to video:

    Overview

    You can embed a Latest Events module within an article, so that a list of events appears within the article.

    Procedure

    1. Create a "JEvents Latest Events" module to display the latest events from one or more categories.
    2. Create an article that will contain the JEvents Latest Events module
    3. Select the Modulebutton below the text area.  If you see two Module buttons, click the second one (it looks like it has multiple windows in its icon):

      JEvents LNE

    4. Enter part or all of the module's title in the search field, then press [Enter] or click the search icon (see #1 below).
    5. 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; see #2 below).

      JEvents LNE 1

      Although you can also click on the module title itself, we recommend clicking the module's ID number instead. This is because the module's ID number will not change and will be unique, while your module's title may change, and two or more modules may have the same title.
    6. Save & Close your article

    Sample Display

    The events from the JEvents Latest Events module will be displayed as a list within your article:

    Example of "JEvents Latest Events" module embedded within an article

    • Video Included: Video Included
  • Error Pages

    • How to video:

    If you get to an unknown page the site will provide ‘suggestions’ for you to find the page you are looking for.

    Error Page HowToGuides

    • Video Included: Video Included