Web Dev
Web Dev
-
Account Cleanup (Joomla! 4/5)
To view and disable Joomla! users:
- Log into the back end "Administrator" interface of your website.
- Navigate to Users ---> Manage.
- Click the Filter Options button to reveal filters that can be used to search for users by state (enabled or disabled) or by group.
- Once a user is found, check the box to the left of their name. (Please keep in mind that some users may be SAS-IT staff. When in doubt, submit an SAS-IT REQUEST.)
- Select Blockfrom the Actionsdropdown menu.
- Check the box to the left of the user's name.
- Select Batchfrom the Actionsdropdown menu.
- For "Select Group," select "Public"
- For "Select Action," select "Move to Group"
- Click Process.
-
Adding a Caption to an Image (Joomla! 4/5)
- How to video:
To create a caption
- Select an image or media placeholder in the editor
- The Insert / Edit Caption button will become enabled. Click the button to open the Captions dialog.
- Some fields will be filled with some of the image properties
- The Text field in the Text tab will be filled with the image alt or title attribute value
- The Alignment in the Container tab will be selected based on the image's alignment.
- The Margin fields in the Container tab will be filled with the image's margin styles, if any.
- Set the Text and Container options as required. A preview of the caption will be displayed in the Preview section of the dialog.
- Click the Insert button to create the caption.
The caption text can be edited as normal in the editor. For example in the animation below, after the caption has been created, the caption text is selected and an italic format is applied.
To edit a caption
- Click on the image that has the caption in the editor.
- The Insert / Edit Caption button will become enabled. Click the button to open the Captions dialog.
- Edit the caption properties as required.
- Click on the Update button to update the caption and close the dialog.
To delete a caption
- Click on the image that has the caption in the editor.
- The Delete Caption button will become enabled. Click the button to delete the caption.
- Video Included: Video Included
-
Adding a Custom Module (Joomla! 4/5)
The procedure explains how to add a "Custom" module in Joomla! using the Administrator interface. A "Custom" module is a block of formatted text that can be configured to appear when one or more menu items are accessed.
A custom module allows you to add custom text and/or an image and place it in a position on the website.
Create a new Module
- 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 Custom:
- Enter the name of your module in the "Title *" field (see #1 below).
- (Optional) click "Hide" under "Show title" selection to the right if the module title should not be shown (see #2 below).
- 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]" (see #3 below).
- Under the formatting toolbars, enter the text that you would like to appear in the module. You can format the text using the buttons on the editor toolbars (see #4 below).
- Click the "Menu Assignment" menu to specify which menu items will display your module (see #5 below).
- If the new module should appear on all pages, leave "On all pages" selected. If not, go to the next section, "Assigning the module to specific menu items."
Assigning the Module to specific menu items
If the module should appear only when one or more specific menu items are accessed, do the following:
- On the "Menu Assignment" tab, click the dropdown box to the right of Module Assignment and select "Only on the pages selected" (see #1 below).
- For Menu Selection, click None to the right of "Assign to Menu Items" (see #2 below).
- Click the check boxes for any menu items that should display the module when clicked (see #3 below).
Saving the Module
- To save changes and continue editing the module, click the Savebutton to the upper left of the web page.
- When you are done editing the module, click "Save & Close" to the upper left to save your new module.
- In the Joomla! back-end (Control Panel), navigate to Extensions > Site Modules, then click the New Button to create a new module
-
Adding an Event (JEvents) (Joomla! 4)
- How to video:
Overview
JEvents is a third-party extension for Joomla! that allows you to add event information in either a calendar or list format. As you create events, they will appear on your website in JEvents menu items or modules that have been configured to display events from the appropriate categories.
Procedure
- Login to the Joomla! Administrator back-end.
- Click on "Components > JEvents"
- At the JEvents Dashboard, hover the mouse over the left sidebar (or top menu, if the left sidebar does not appear), then select Manage Events.
.- JEvents left sidebar (larger browser sizes):
- Top menu (smaller browser sizes):
- JEvents left sidebar (larger browser sizes):
- Click the "New" button:
- Enter a title for the event in the "Title" field (see #1 below).
- If your website has more than one calendar, select the appropriate one from the "Events calendar" dropdown menu (see #2 below).
- For Categories,select one or more categories that should display your event (see #3 below).
- Enter a short description of your event in the "Description" text box. Note that you can format your description the same way you would format an article (see #4 below).
- Enter the location of your event in the "Location" field (found under the "Description" text box).
- Click on the "Calendar" tab under the "JEvents" logo (see #1 below).
- Click the mini-calendar icon below "Start date" and select a start date for your event (see #2 below).
- Type a Start Time in the Start Time field and select "am" or "pm" (see #3 below).
- If the event will span more than one day, click the mini-calendar icon below "End date" and select an end date for your event.
- Type an End Time in the End Time field and select "am" or "pm" (see #4 below).
- Click "Save & Close" (see #5 below).
- Video Included: Video Included
-
Adding an Event (JEvents) (Joomla! 5)
Overview
JEvents is a third-party extension for Joomla! that allows you to add event information in either a calendar or list format. As you create events, they will appear on your website in JEvents menu items or modules that have been configured to display events from the appropriate categories.
Procedure
- Login to the Joomla! Administrator back-end.
- Click on "Components > JEvents"
- At the JEvents Dashboard, hover the mouse over the left sidebar (or top menu, if the left sidebar does not appear), then select Manage Events.
JEvents left sidebar: - Click the "New" button:
- Enter a title for the event in the "Title" field (see red box below).
- For Categories,select one or more categories that should display your event (see green box below).
- Enter a short description of your event in the "Description" text box. Note that you can format your description the same way you would format an article (see blue box below).
- Enter the location of your event in the "Location" field (found under the "Description" text box).
- Click on the "Calendar" tab under the "JEvents" logo (see red box below).
- Click the mini-calendar icon below "Start date" and select a start date for your event (see orange box below).
- Type a Start Time in the Start Time field and select "am" or "pm" (see green box below).
- If the event will span more than one day, click the mini-calendar icon below "End date" and select an end date for your event.
- Type an End Time in the End Time field and select "am" or "pm" (see blue box below). If there is no definitive end time for your event, check the 'No specific end time' box.
- Click "Save & Close" (see yellow box below).
-
Adding an image to an article (Joomla 4)
- How to video:
- Log into the Administrator interface using your NetID credentials.
- Find the article you want to edit and click on its title.
- Choose where you would like your image placed, then click the Insert/Edit Image button
from the WYSIWYG editor:
- Navigate to the folder where the image is located (or, for a new image, where it should be saved) using the "Folders" pane to the lower left. If you are adding a new image, click the Upload button to the right:
- 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):
- You may upload multiple images by holding the [Shift] key as you select the images. Click Upload (see #3 above) when you have finished selecting images.
- Back at the Image Manager window, select the image to be added to the article:
- Set the image properties (dimensions, border, margins, etc) as needed:
- Alternate Text: Be sure to add some descriptive text to the Alternate Text (alt text) field. It is an important feature for accessibility. This is used to enable screen readers to portray the image as text.
- Image Caption: To add an image caption, click the "Advanced" tab, add the caption text to the "Title" field, and add the word "caption" to the classes field:
- Click Insertwhen all properties have been set.
- Save & Close the article.
- Video Included: Video Included
-
Adding an image to an article (Joomla 5)
- How to video:
- Log into the Administrator interface using your NetID credentials.
- Find the article you want to edit and click on its title.
- Choose where you would like your image placed, then click the Insert/Edit Image button
from the WYSIWYG editor:
- Navigate to the folder where the image is located (or, for a new image, where it should be saved) using the "Folders" pane to the lower left. If you are adding a new image, click the Upload button to the right:
- 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):
- You may upload multiple images by holding the [Shift] key as you select the images. Click Upload (see #3 above) when you have finished selecting images.
- Back at the Image Manager window, select the image to be added to the article:
- Set the image properties (dimensions, border, margins, etc) as needed:
- Alternate Text: Be sure to add some descriptive text to the Alternate Text (alt text) field. It is an important feature for accessibility. This is used to enable screen readers to portray the image as text.
- Click Insertwhen all properties have been set.
- Save & Close the article.
- Video Included: Video Included
-
Adding an Image to Media (Joomla 4)
- How to video:
This procedure describes how to add images to Media on Joomla! 3.x web sites.
- Login to your web site using the Administrator Interface.
- In the Joomla! Administrator , click on Media to the left (found under CONTENT; see #1 below). If you are not at the Control Panel, you can select Media from the center console menu (see #2 below):
- Click on the folder where you want to add the image. You can either select from the small folder icons on the left (see #1 below), or the larger folder icons to the right (see #2 below):
- Once you have selected the folder where you want to upload the image, click the Upload button to the upper left:
- Use the File Upload window to browse to your image file. When you find the image, click once on the image, then click Open:
- If the upload was successful, you will see the message Item Uploaded above the gallery of images, and your image should now appear in the gallery:
- You can now insert your image into an article.
- Video Included: Video Included
-
Adding an Image to Media (Joomla 5)
- How to video:
This procedure describes how to add images to Media on Joomla! 3.x web sites.
- Login to your web site using the Administrator Interface.
- In the Joomla! Administrator , click on Media to the left (found under CONTENT; see #1 below). If you are not at the Control Panel, you can select Media from the center console menu (see #2 below):
- Click on the folder where you want to add the image. You can either select from the small folder icons on the left (see #1 below), or the larger folder icons to the right (see #2 below):
- Once you have selected the folder where you want to upload the image, click the Upload button to the upper left:
- Use the File Upload window to browse to your image file. When you find the image, click once on the image, then click Open:
- If the upload was successful, you will see the message Upload Complete above the gallery of images, and your image should now appear in the gallery.
- You can now insert your image into an article.
- Video Included: Video Included
-
Assigning a Module to one or more menu items (Joomla! 4/5)
Overview
By default, Joomla! assigns a new module to all pages, which may not always be appropriate. This procedure explains how to restrict the display of a module to one or more menu items using the Administrator interface. The module will only appear when the selected menu items are accessed.
Assigning the Module to specific menu items
- In the Joomla! back-end (Control Panel), navigate to Extensions > Site Modules
- Click the title of the module
- Click the "Menu Assignment" tab
- Click the dropdown box to the right of Module Assignment and select "Only on the pages selected" (see #1 below).
- For Menu Selection, click None to the right of "Assign to Menu Items" (see #2 below).
- Click the check boxes for any menu items that should display the module when clicked (see #3 below).
Saving the Module
- To save changes and continue editing the module, click the Savebutton to the upper left of the web page.
- When you are done editing the module, click "Save & Close" to the upper left to save your new module.
-
Basic Editing (back-end) (Joomla! 4/5)
- How to video:
The procedure explains how to edit articles from the back-end administrator interface in Joomla! 3.x
1. Log on to your site using the Administrator Login URL for your web site.
2. Find the article you wish to edit.
3. Click the title of the article to edit it:
4. Modify the text in the text area (see #1 below) under the formatting (WYSIWYG) toolbars as required.
5. Use the icons on the formatting toolbars (see #2 below) to format your text. The function of each button on the toolbar will be displayed as you position the mouse cursor over it. You can also find a guide to the functionality of all the editing buttons here.6. When copying and pasting text from other applications, use either the Paste clipboard or the Paste as Plain Text clipboard.
7. When you're done editing your article, save it by clicking the Save & Closebutton to the upper left (see #3 above).
8. To cancel any changes you have made and close the article, click the Closebutton (see #4 above).- Video Included: Video Included
-
Basic Editing (front-end) (Joomla! 4/5)
- How to video:
The procedure explains how to edit articles using the Editor interface in Joomla!
1. Log on to your site using the Editor Login URL for your web site.
2. Browse to the article you wish to edit.
3. Click the Edit icon or link to edit your article:
4. Modify the text in the text area (see #1 below) under the formatting (WYSIWYG) toolbars as required.
5. Use the icons on the formatting toolbars (see #2 below) to format your text. The function of each button on the toolbar will be displayed as you position the mouse cursor over it. You can also find a guide to the functionality of all the editing buttons here.6. When copying and pasting text from other applications, use either the Paste clipboard or the Paste as Plain Text clipboard.
7. When you're done editing your article, save it by clicking the Savebutton to the upper right (see #3 above).
8. To cancel any changes you have made and close the article, click the Cancel button (see #4 above).- Video Included: Video Included
-
Changing an Article's Category (Joomla! back-end) (Joomla! 4/5)
- How to video:
Instructions on how to change the category of an article through the Joomla adminstrator back-end:
1. Log in to the Administrator back-end.
2. Locate Article by clicking on Content then Articles.
3. Click on the title of the article you wish to edit.
4. On the right of the page you will see the article's category. To change the article, click on the Category dropdown menu to the right of the text areat. Select the most appropriate category. If there is no appropriate category, you can close the article, create your category, and then return to edit the article.
5. Once you are satisfied with your updates, click on Save to save your changes and continue editing the article, or Save & Close to save the article and close the article editing page.
- Video Included: Video Included
-
Chronoforms: Adding a CAPTCHA to a Form
This procedure describes how to add a security CAPTCHA to a form using ChronoForms version 5.
Getting Started: Select the form
- Log into the Joomla! administrator page for your web site
- Click on Components > ChronoForms5:
- Ignore the message "Your ChronoForms installation on webdevel.sas.rutgers.edu is NOT validated." Chronoforms will still work.
- In Forms Manager, click on the name of the form you want to add a CAPTCHA to.
- Click on the Designer tab (see #1 below).
Add the CAPTCHA
- Drag the Captcha button under Basic (see #2 below) to the light blue designer area under Widgets (see #3 below):
- Click and hold the Drag button for the Captcha element so that it appears above the "Submit" button element (see #1 below):
- Click the Edit button for the Captcha element (see #2 above).
- Click the Validationtab (see #1 below)
- Change Required to "Yes" (see #2 below)
- Click Save and Close to the lower right (see #3 below):
- Click on the Setuptab (see #1 below).
- Click Captcha (see #2 below).
- Change Enabled to "Yes" (see #3 below).
- (Optional) Modify the message in the Error field (see #4 below).
- Click Save and Close to the upper right (see #5 below):
- Click Captcha (see #2 below).
What's next?
If you haven't already, you can configure your form to email the data to one or more people.
You can also configure your form to save information to a database.
Once you configure your form to collect data, you can embed it within an article.
-
Chronoforms: Configuring a form to send email
This procedure describes how to set up a simple form using mostly text fields using ChronoForms version 5.
Getting Started: Select a form
- Log into the Joomla! administrator page for your web site
- Click on Components > ChronoForms5:
- Ignore the message "Your ChronoForms installation onwebdevel.sas.rutgers.edu is NOT validated." Chronoforms will still work.
- In the Forms Manager, click the name of the form you would like to enable email for:
- Click on the Designer tab (see #1 below).
- Take note of the Field Names of the form fields that are used to collect the submitter's name and email address. The Field Name is shown in the upper left corner of the field in a blue box (see #2 below). You may have separate fields collecting "First Name" and "Last Name" - if so, take note of both field names.
- Click on the Setup tab (see #3 below).
- Click the Email (0) option on the green action selector bar (see #1 below).
- Under Basic options, enter "email" for Action Label (see #2 below).
- Change the Enabled dropdown selection to "Yes" (see #3 below).
- For To enter a list of email address (separated by commas) that will receive the data entered into the form (see #4 below).
- For Subject enter a subject for the email that will be sent when the form is complete (see #5 below).
- Change Template Generationto "Auto" (otherwise, you will need to manually configure the template for outgoing emails every time you edit the form).
- Click the Advanced tab above the list of Basic options (see #6 below).
- Under the Advanced options, enter the field name containing the submitter's email address in the Dynamic Tofield (see #1 below). This will send a copy of the email to the person submitting to the form.
- Enter the field name or names containing the submitter's name in the Dynamic from name field (see #2 below). For example, if the form asks the submitter to enter their full name in a field called "name", enter "name" here. If the form asks the submitter to enter the first name and last name in separate fields called "firstname" and "lastname", enter "firstname lastname" here.
- Enter the field name containing the submitter's email address in the Dynamic from email field (see #3 below):
- Click the Thanks Message (4) option on the green action selector bar (see #1 below).
- Enter a message in the Message Content text box (see #2 below). This message will be displayed when someone submits the form.
Publishing your form
If you haven't already published your form, please do the following:
- Click the General button to the upper left of the form (see #1 below).
- Change the Enabled dropdown selection to "Yes" (see #2 below):
Saving your form
Click "Save and Close" to the upper right:
What's next?
If needed, you can configure your form to save information to a database.
-
Chronoforms: Create a new table for an existing form
This procedure describes how to save the data from a form you have updated to a new database table, using ChronoForms version 5. This step is necessary if you add new fields to a form that saves its data to a table. A new table needs to be created in order to capture data entered into the new fields.
Backup the old data table
- Log into the Joomla! administrator page for your web site.
- Ignore the message "Your ChronoForms installation onwebdevel.sas.rutgers.edu is NOT validated." Chronoforms will still work.
- In Forms Manager, find the form and select the existing table from the dropdown menu for Connected Tables
- Click Backup tableto export the entire form to a CSV file.
- Save that file and open it to verify that all the data has been saved.
- Click Cancel to return to Forms Manager.
Creating a new data table
- Back in the Forms Manager, check the box to the left of the form that you would like to configure to save data.
- Click the Create table button at the top.
- At the Create table page, replace the "#__" portion of the Table Name with the actual database table prefix for your web site (e.g. j17_ or j25_).
- (Optional) Clear the check boxes for any fields that you do not need to save into the database (for example, "captcha"). Do not unselect the "cf_id" field since it is the primary key!
- Click Save to the upper right.
Modify the form to save data to the new table
- In Forms Manager, click on the name of the form with the new table.
- Click the Setup tab.
- Click Data Save (11).
- Verify that "Enabled" = "Yes"
- For "Table name" select the newly created table.
- Click Save.
- (Optional) Click the DB Viewer tab at the top and enter field names. They will be added as columns to the table's list view for this form. Without doing this, the table list preview will only show an ID number and the "Created Date/Time". Doing this makes the list show useful information.
- The format to use here is (one entry per line): field_name=whatever column heading you want. The field name comes from the field settings. It should not contain any spaces or special characters. The column heading can be different.
- Click Save and Close.
-
Chronoforms: Embedding a Form within an Article
This procedure describes how to embed a form within a Joomla! article using ChronoForms version 5.
The Chronoforms5 plugin must be installed and enabled on the website in order for this functionality to work.
Also, "Force HTTPS?" must be set to "Entire Site" in the Global Configuration for the website. Do not collect data if HTTPS is not being enforced for the entire website.
Getting Started: Get the form name
- Log into the Joomla! administrator page for your web site
- Click on Components > ChronoForms5:
- Ignore the message "Your ChronoForms installation onwebdevel.sas.rutgers.edu is NOT validated." Chronoforms will still work.
- In the Forms Manager, take note of the exact name of the form as it appears in the Form Name column. The Form Name will appear above any Form description that may exist for the form. The Form Name will appear as a link and will not have any spaces or special characters other than dashes or underscores. In the below example, the Form Name is "new-form-cf5" while the Form description is "New Chronoforms V5 Form."
- Select an article to edit following steps 1-3 of Editing Articles or create a new article.
- Enter the following code within your article in the place where the forms should appear:
{ chronoforms5 }[form-name]{ /chronoforms5 }
Do not type the spaces before or after the braces. Replace [form-name] with the actual Form Name. Your text box should then look like this: - 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:
- Your form will now appear within your article.
-
Chronoforms: Saving Data from a Form to a Data Table
This procedure describes how to save data from a form to a database table, using ChronoForms version 5.
Creating the data table
- Log into the Joomla! administrator page for your web site
- First, look up the Database Tables Prefix for your web site. This can be found in "System > Global Configuration" on the Server tab.
- Click on Components > ChronoForms5:
- Ignore the message "Your ChronoForms installation onwebdevel.sas.rutgers.edu is NOT validated." Chronoforms will still work.
- In Forms Manager, check the box to the left of the form that you would like to configure to save data (see #1 below).
- Click the Create table button at the top (see #2 below).
- At the Create table page, replace the "#__" portion of the Table Name with the actual database table prefix for your web site (e.g. j17_ or j25_) See #1 below.
- (Optional) Clear the check boxes for any fields that you do not need to save into the database (for example, the "captcha" and Submit "button" fields). Do not unselect the "cf_id" field since it is the primary key! See #2 below.
- Click Save to the upper right (see #3 below).
Modify the form to save data to the new table
- In Forms Manager, click on the name of the form with the new table.
- Click the Setup button (see #1 below).
- Click the Data Save (11) link (see #2 below).
- Change Enabled to "Yes" (see #3 below).
- Select the newly created table name from the Table name dropdown menu (see #4 below).
- Click Save and Close (see #5 below).
Viewing the data
One the table contains some data from one or more form submissions, you can view it as follows:
- In Forms Manager, click the dropdown arrow in the Connected Tables column corresponding to the form with the new table (see #1 below).
- Select the new table from the dropdown menu (see #2 below).
- At the Data listing page, click the check box for any data record you would like to view (see #1 below).
- Click the View Recordbutton to view the data in Joomla! (see #2 below).
- Click Backup table to export the entire form to a CSV file (see #3 below).
- Click Backup records to export only the selected records to a CSV file (see #4 below).
- Click Cancel when done viewing or backing up records (see #5 below).
-
Chronoforms: Simple Form Setup
This procedure describes how to set up a simple form using mostly text fields using ChronoForms version 5.
Getting Started: Creating a new form
- Log into the Joomla! administrator page for your web site
- Click on Components > ChronoForms5:
- Ignore the message "Your ChronoForms installation onwebdevel.sas.rutgers.edu is NOT validated." Chronoforms will still work.
- Click the New Simple button at the top:
- For Form name, enter a short name for your form (see #1 below). The form name should not have any spaces or special characters (other than dashes and underscores).
- For Form description, enter a description of your form. Spaces and special characters are allowed (see #2 below). Important: although this field looks optional, it is necessary to complete it; otherwise, the form may not work.
- Change Published to "No"; it will be published later (see #3 below).
- Click Save to the upper right (see #4 below).
Adding form fields for text
- Click on the Designer tab (see #5 above).
- For each field in your form, drag one of the long blue buttons under Basic (see #1 below) to the light blue designer area under Widgets (see #2 below).
- Drag the Text Box button for a short text field (such as First Name, Last Name, Phone Number, or Email Address) - see #3 below.
- Drag the TextArea Box for a longer field, such as a personal statement or comments field (see #4 below).
- After you drag the buttons to the blue area, click the blue Edit button (see #5 above) for each field and modify the values as follows:
- Field Name = This should be unique and have no spaces (see #1 below).
- Label = Enter the name of the field as it should appear on the form itself. For example, "Last Name" for last name (see #2 below).
- Sub Label = This is optional. You can add instructions here, or just leave it blank (see #3 below).
- If you want the form field to be required, or to follow a special format, click the Validationtab (see #4 above). Some of the commonly used options are:
- Required = change to "Yes" if the field is required (see #1 below).
- Email = change to "Yes" for an email field (see #2 below).
- Phone = change to "Yes" for a phone field.
- Int. phone = change to "Yes" for an international phone field.
- When done editing the field, click Save and Close to the lower right (see #3 below):
- After adding each field, click Save to the upper right to save your work on the form:
Creating a checkbox with multiple options
- Drag Checkbox Group from the Basic area to the light blue designer area below Widgets(see #1 below).
- Click Edit for the new Checkbox Group field (see #2 below):
- Modify the options in the Edit element settings popup window as needed:
- Field Name = This should be unique and have no spaces (see #1 below).
- Options: This is where the checkbox options are set (see #2 below).
- The value before the "=" should be short; for example, just the course number of a course
- The value after the "=" can be longer; for example, the full name of the course
- You can create a many options for the checkbox as needed; start each option on a new line
- Label: Enter the name of the field as it should appear on the form itself.
- When done editing the field, click Save and Close to the lower right (see #3 below).
Manipulating your form fields
You can copy, move, or delete form fields as follows:
- To copy an existing field to create a new field, click the Copy button for that field (see #1 below), then click the Paste button above and to the right of the list of fields (see #2 below).
- To move a field, click and hold the Drag button for that field, move the field to the location in the light blue designer area where it should appear, and release the mouse button (see #3 below).
- To delete a field, click the field's Delete button (see #4 below):
Adding a "Submit" button
The last field in your form should be a Submit button:
- Click and drag the Submit Button blue bar (see #1 below) from the Basic area to the light blue designer area under Widgets.
- The Submit button should appear as the last field in the designer area (see #2 below):
Publishing your form
If you are ready to publish your form, please do the following:
- Click the General button to the upper left of the form (see #1 below).
- Change the Enabled dropdown selection to "Yes" (see #2 below):
Saving your form
When you are done adding all your fields, click "Save and Close" to the upper right:
What's next?
To prevent your form from being used by spambots, you should add a CAPTCHA to the form.
Then, you can configure your form to email the data to one or more people.
You can also configure your form to save information to a database.
Once you configure your form to email and/or save data, you can embed it within an article.
-
Clearing the Joomla! Cache (Joomla! 4/5)
- How to video:
This document explains how to clear the Joomla! cache on web sites that have caching enabled. On these sites, it is necessary to clear the cache before the latest edits to the site can be seen.
- Log on to your site using the Administrator Login.
- Select Clear Cache from the System menu:
- Click the Delete All button at the top:
- All items will be cleared from the Cache Group listing, and the latest changes to the web site should now be visible.
- Log out from the Administrator Login by clicking the User Menu dropdown in the upper right corner of the Administrator page (see Step 1 below), then clicking Log out(see Step 2 below):
- Video Included: Video Included
Page 1 of 4