Joomla 4.x
Joomla 4.x
-
Displaying Galleries with Menu Items (Joomla! 4/5)
- How to video:
- In the Joomla! back-end, select the Menus menu, then click on the menu where the Ignite Gallery item should be added.
- Click the New button to the upper left.
- Enter a title for the menu item in the "Menu Title" field.
- Click the Selectbutton to the right of "Menu Item Type":
- In the "Menu Item Type" popup window, select Ignite Gallery (see #1 below), then select Display Category under Ignite Gallery (see #2 below):
- In the dropdown menu to the right of "Select Category", select the category containing the images to be displayed in the gallery:
- 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.
- Click Save & Close to the upper left.
- The gallery will be displayed using the profile set in the Ignite Gallery category options.
Sample Display:
Previous step:
Next steps:
- Video Included: Video Included
-
Displaying Galleries within Articles (Joomla! 4/5)
- 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:
- 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:
Next steps:
- Video Included: Video Included
-
Dynamic Contact Module
- How to video:
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.
- Login on the FRONT END of the website (Scroll to bottom of page to login)
- Go to one of the People Pages (Faculty page)
- 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
- Video Included: Video Included
-
Edit Advising Page - Front End (Joomla! 4/5)
- How to video:
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:
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.
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
- Video Included: Video Included
-
Edit Courses - Back End (Joomla! 4/5)
- How to video:
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.
- 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/
- Click on Content on the top bar and a menu should pop up where you should click on categories.
- Look for the Category that says Course Descriptions and click on the green button with a number in it on the right side.
- Choose the course you would like to update.
- Edit 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)
- 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
- Publishing Tab
- Here you can change all publishing options.
- Check a similar course to check how it should be used.
- Video Included: Video Included
-
Edit Courses - Front End (Joomla! 4/5)
- How to video:
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)
- Video Included: Video Included
-
Edit News - Back End (Joomla! 4/5)
- How to video:
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.
- Login to the back end of your website.
- Click on categories under content
. - Find the news section and click on the specific green button for your news type
- Pick the article you would like to edit.
- Use the content section to fill out information.
- Use the images and links sections to choose any options.
- Use the publishing option to choose any options.
- Video Included: Video Included
-
Edit News - Front End (Joomla! 4/5)
- How to video:
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.
- Video Included: Video Included
-
Edit People - Back End (Joomla! 4/5)
- 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 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.
- Video Included: Video Included
-
Edit People - Front End (Joomla! 4/5)
- 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.
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.
- Video Included: Video Included
-
Editing a Community Builder profile (Joomla 4)
How to edit your profile:
- Click the Login link located at the "footer" or bottom of the page:
- Login using your Rutgers NetID and password:
- Look for a link called "CB Profile Edit," "Edit Profile," "Edit My Profile," or something similar, on either the footer menu or the sidebar (right-side) menu (usually labelled User Menu). The text and location of the menu item will vary depending on your website's configuration. If you cannot find the link, please submit a REQUEST. Once you find the link, click on it.
Sidebar menu link example:
Footer menu link example: - Edit your profile by entering text in text fields or text boxes, and by selecting items from checkboxes or dropdown menus:
- There may be several tabs containing additional fields you can edit (a group of tabs is shown by area #1 below). After you make the changes to the fields listed under one tab, click another tab (for example, "Person Details 4" shown by #2 below) to continue editing your profile:
- When done, click Update at the bottom (#3 above) to save your profile.
- Logout from the website by clicking the Logout link in the Footer menu at the bottom of the website:
Note: If you need to edit someone else's profile you will have to do so through the Administrative Control Panel. If you do not have access you will have to submit a confidential REQUEST requesting your login credentials.
- Click the Login link located at the "footer" or bottom of the page:
-
Editing a Custom Module (Joomla! 4/5)
- 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.
Procedure
- In the Joomla! back-end (Control Panel), navigate to Extensions > Sites Modules, then click the New Button to create a new module:
- For "Select a Module Type," select "Custom"
- 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).
- When done, click Save & Close.
- Video Included: Video Included
-
Editing Image Details (Joomla! 4/5)
- How to video:
- 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.
- Click Edit in the Description or Tag column corresponding to the row for the image to be edited:
- 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)
- If you want to replace an image with another one, click Browse to the right of "Change Image":
Then browse to the image on your computer and click Open. - 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
- Create a "JEvents Latest Events" module to display the latest events from one or more categories.
- Create an article that will contain the JEvents Latest Events module
- 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):
- Enter part or all of the module's title in the search field, then press [Enter] or click the search icon (see #1 below).
- 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).
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. - Save & Close your article
Sample Display
The events from the JEvents Latest Events module will be displayed as a list within your article:
- Video Included: Video Included
-
Embedding a Map (Joomla! 4/5)
Get embed code from Google Maps
- Go to Google Maps and enter the building address.
- Click Share.
- Click Embed a Map.
- Click COPY HTML to copy the embed code for the iframe.
Create a new Custom module called "Contact Us - Google Map"
- Go to Extensions > Site Modules
- Click New
- Select "Custom"
- For "Title," enter "Contact Us - Google Map"
- Change "Show Title" to "Hide"
- Enter the unit's address at the top of the module after the text "Main office:"
- Link the address to its URL as it appears on Google Maps.
Example: For "54 Joyce Kilmer Ave., Piscataway, NJ 08854" the link would be:
https://www.google.com/maps/place/54+Joyce+Kilmer+Ave,+Piscataway,+NJ+08854/@40.5219797,-74.4374585,16z/data=!3m1!4b1!4m6!3m5!1s0x89c3c795d438197b:0x48525eb0c8d3a54c!8m2!3d40.5219797!4d-74.4348782!16s%2Fg%2F11cskq_bsm?entry=ttu
- If asked to add "mailto:" to the URL, click No.
- Switch to the "Code" tab and paste the embed code for the Google Map below the address.
- Modify the iframe code to change the iframe's width to 100% and height to 400.
- Modify the iframe code to include the attribute: sandbox="allow-scripts allow-same-origin"
- Modify the iframe code to include a title attribute, and set title equal to the address (for example, title="54 Joyce Kilmer Ave., Piscataway, NJ 08854")
- Add paragraph tags before and after the embedded map.
- Example:
<p> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6065.774814012168!2d-74.43745848819128!3d40.52197967130358!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c3c795d438197b%3A0x48525eb0c8d3a54c!2s54%20Joyce%20Kilmer%20Ave%2C%20Piscataway%2C%20NJ%2008854!5e0!3m2!1sen!2sus!4v1715969595882!5m2!1sen!2sus" width="100%" height="400" style="border: 0;" title="54 Joyce Kilmer Ave., Piscataway, NJ 08854" sandbox="allow-scripts allow-same-origin" allowfullscreen referrerpolicy="no-referrer-when-downgrade" loading="lazy" allow-scripts="yes"></iframe> </p>
- For "Position," select "bottom-c".
- Click the "Menu Assignment" tab and assign the module to the "Contact Us" menu item on the Main Menu.
- Save & Close the module.
-
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.
- Video Included: Video Included
-
Faculty & Staff
- How to video:
Page: https://sas.rutgers.edu/faculty-staff
The Faculty & Staff page includes links and pages which will assist faculty and staff. There are many resources listed on these pages. The main landing page includes specific links as well.
- SAS Committees
- Rutgers Resources
- IT Services and Helpdesk
- Staff Excellence Recognition Awards
- Faculty and Staff (Minutes / Meetings)
- Video Included: Video Included
-
Finding an Article (Joomla! 4/5)
- How to video:
Getting started
If you have logged into the Joomla! Administrator , you can click on Content on the left hand dashboard, and then you can click Articles from the dropdown
A list of all articles in the website will be displayed.
Search by Article Title
- Enter part or all of the article title into the "Search" field, then press [Enter] or click the Search (magnifying glass) icon:
- The list of articles will be narrowed down to articles with your search terms in the title. For example, if you entered "Test" into the Search field, a list of all articles with "Test" in the article title will appear:
- To start a new search, click the Clear button (see above).
Search by Category:
- Click the Filter Options button:
- Then, in the "- Select Category -" filter field, type or select the name of the category:
- The list of articles will be narrowed down to articles belonging to the category you selected:
- To start a new search, click the Clear button.
Search by Content within Article
- In the "Search" field, enter the text "CONTENT:" followed by the text you want to search for within the content of an article. For example, if you want to search for articles that contain "class" in the text, you would type "CONTENT:class", then press [Enter] or click the Search (magnifying glass) icon (see #1 below).
- The list of articles will be narrowed down to articles containing the text you typed after the word "CONTENT:" (see #2 below).
- To start a new search, click the Clear button (see #3 below):
- Video Included: Video Included
-
General Search
- How to video:
To find items on the site, click on the ‘search’ on the top right (or in the footer page).
- Video Included: Video Included
-
Giving
- How to video:
Page: https://sas.rutgers.edu/giving
The Giving Page includes all information that is needed to make donations to different departments and centers in the School of Arts and Sciences.
- SAS Departments
- Alumni and Friends
- Give Now
- Impact Stories
- Areas of Greatest Need
- Office of Development Staff
- Video Included: Video Included
Page 4 of 7