Visit Health Watch for COVID-19 updates. Find Employee Return to Campus and Student Return to Campus information.
Emergency Notification

Drupal Support

Cal State LA uses Drupal as the main web platform for developing university websites. Drupal has a user-friendly interface which allows web authors with non-technical backgrounds to easily create and publish content. The website theme is centrally maintained, accessible, mobile responsive, and Cal State LA branded.

For information on how to request a website, please visit the main Web Development and Hosting page.

 

Training

Below are training resources on how to use the Cal State LA Drupal web platform and how to create effective content.

How-to Guides

Below are step-by-step instructions on how to use the Cal State LA Drupal web platform.

Log In

Web authors can log in to the Drupal web platform with their MyCalStateLA ID account.

To log in:

  1. Go to www.calstatela.edu/login.

  2. On the Login page, enter your MyCalStateLA ID username and password, and then click the Login button.

User Interface

After logging in to the Drupal web platform, web authors will see the administrative toolbar and shortcut bar at the top of the page. The administrative toolbar includes the web author's username and the Log out link. The shortcut bar includes the Add content link.

Administrative toolbar and shortcut bar

Web authors can click their username on the administrative toolbar to display their user page which lists all the groups that they have been given permission to edit. Clicking a group name under Group membership will display the group management page which is used to manage the group.

User page

Web authors who have access to edit a webpage will see content management tabs above the page content.

Content management tabs

Log Out

When done with making changes to a site, web authors should log out of the Drupal web platform and close the web browser window.

To log out:

  1. Click Log out on the right side of the administrative toolbar.

Log out link on the administrative toolbar

Below are step-by-step instructions on how to work with pages.

Content Types

The Drupal web platform includes several content types which can be used to create different types of pages. The content types that are available to web authors will vary depending on their user permissions.

Content Type Description
Article This is used to create a news article.
Group Event This is used to create an event.
Landing Page This is used to create a homepage.
Page This is used to create a page with the old design.
Subpage This is used to create a page with the new design.
Webform This is used to create an online form.

Content types are listed on the Add content page which can be accessed by clicking Add content on the left side of the shortcut bar.

​Add content link on the shortcut bar

Create a Landing Page

A landing page is the homepage of a website. Each site can only have one landing page which is provided by request. In the old design, the landing page is the same as the group management page. In the new design, the landing page and group management page are two separate pages. When requesting a new landing page, there are two layouts to choose from, a one-column Landing Page or a Landing Page with Sidebars. Both include design blocks that can be used to quickly add predesigned sections of content to the page.

To create a landing page:

  1. Go to the landing page provided by ITS and click the New draft tab.

  2. On the Edit page, edit the page title in the Title field if needed. The page title should be the name of the website.

  3. Use the Body field and/or Design Blocks to enter the page content.

Edit page for Landing Page

  1. To add a banner image, on the Banner tab, click the Add new Banner button.

  2. For the Image and Mobile Image fields, click the Open File Browser button, navigate to the group folder, and then do one of the following:
    • If the image is on the server, select it, and then click the Select button.
    • If the image is not on the server, click the Upload button to upload the image, and then click the Select button.

Banner tab

  1. On the Publishing options tab, set the Moderation state for the content.
    • If you plan to make additional changes, select the Draft option.
    • If the content needs to be reviewed before it is published, select the Needs Review option.
    • If the content is ready to be published, select the Published option.

Publishing options tab

  1. Click the Save button at the bottom of the page.

Create a Subpage

Websites consist of a single landing page and multiple subpages. To create a subpage that has the old design, use the Page content type. To create a subpage that has the new design, use the Subpage content type.

NOTE: You can apply the new design to an existing page by converting it from a Page content type to a Subpage content type. The Convert feature is only available to Group Administrators and can be requested by contacting the Web Administrator at [email protected].

 

Create a Subpage

You can add a new subpage to a site using the Page or Subpage content type. When using the Subpage content type, you can choose from several design blocks to quickly add predesigned sections of content to the page.

To create a subpage:

  1. Click Add content on the shortcut bar and do one of the following:
    • Click Page to create a subpage with the old design.
    • Click Subpage to create a subpage with the new design.

  2. On the Create page, enter the page title in the Title field.

  3. Use the Body field and/or Design Blocks to enter the page content.

Create page for Subpage

  1. On the Groups tab, select the group to which you want to add the page.

Groups tab

  1. On the Publishing options tab, set the Moderation state for the content.
    • If you plan to make additional changes, select the Draft option.
    • If the content needs to be reviewed before it is published, select the Needs Review option.

Publishing options Tab

  1. Click the Save button at the bottom of the page.

  2. If the page is ready to be published, click the Moderate tab, select Published from the Set moderation state drop-down list, and then click the Apply button.

 

Convert a Page into a Subpage

When you convert a subpage from a Page content type to a Subpage content type, only the content in the Title and Body fields will get converted. All other content will be discarded.

To convert a page into a subpage:

  1. Go to the page you want to convert and click the Convert tab.

Convert tab

  1. On the Convert page, select Subpage from the drop-down list, and then click the Next button.

Convert page

  1. On the next page, scroll down to the bottom of the page, and then click the Convert button.

  2. Once the page is converted, click the New draft tab.

  3. On the Publishing options tab of the Edit page, select Published from the Moderation state drop-down list.

  4. Click the Save button at the bottom of the page.

Create a Webform

The Webform content type can be used to create online forms for collecting information from site visitors. Submission results can be viewed online or exported into Excel. Webforms have two parts, a page and a form. The page includes a title and description that appear above the form. The form includes different types of fields for user input. See the table below for a description of each field type.

Field Type Description
Date Adds month, day, and year drop-down lists as well as a pop-up calendar for date input.
Email Adds a field for email address input and validates that the submitted value is an email address.
Fieldset Used for grouping related form fields. Use the move icon Move icon to arrange fields that are part of the group as child items of the fieldset.
File Adds a file upload field for attaching files to form submissions.
Grid Adds a grid formatted field with questions formatted as rows and responses formatted as columns. All questions in the grid have the same options for a response.
Hidden Adds a hidden field for internal data entry. The label and value of a hidden field do not display on the form.
Markup Adds a field for adding additional content such as text, links, or images to the form.
Number Adds a field for number input.
Page break Adds a page break and navigation buttons for creating a multi-page form.
Selection options Adds a select field. Radio buttons and drop-down lists can be used for a single value selection. Check boxes and list boxes can be used for multiple value selections.
Textarea Adds a multi-line text field for text input.
Textfield Adds a single-line text field for text input.
Time Adds hour and minute drop-down lists as well as am/pm radio buttons for time input.

Web authors can create and configure webforms, but submissions can only be viewed by the person who created the webform.

 

To create a webform:

  1. Click Add content on the shortcut bar and click Webform.

  2. On the Create page, enter the form title in the Title field.

  3. In the Body field, enter any content that you want to display above the form (such as a description or instructions).

Create page for Webform

  1. On the Groups tab, select the group to which you want to add the form.

Groups tab

  1. Click the Save button at the bottom of the page.

  2. The Form components page of the Webform tab displays. To add a form field, enter the field name in the Label box, select a field type from the Type drop-down list, and then click the Add button.

Form components page

  1. On the Edit component page, set or modify the field properties as needed, and then click the Save component button at the bottom of the page.

    NOTE: The properties available on the Edit component page depend on the field type.

  2. The new field is added to the Form components page. Repeat steps 6 to 7 to add additional fields to the form.

  3. When finished, click the View tab to view the form.

    NOTE: Webforms are automatically published.

 

To edit a webform:

  1. Go to the webform you want to edit.

  2. To edit the form title or description, click the Edit tab to display the Edit page, make the desired changes, and then click the Save button at the bottom of the page.

  3. To edit the form fields, click the Webform tab to display the Form components page, and then do any of the following:
    • To change the order of the fields, locate the field you want to move, drag the move icon Move icon up or down to move the field to its new location, and then click the Save button at the bottom of the page.

Drag-and-drop handles on the Form components page

  • To edit a field's properties, click Edit in the Operations column for that field, make the desired changes on the Edit component page, and then click the Save component button at the bottom of the page.

Edit link on the Form components page

  • To delete a field, click Delete in the Operations column for that field, and then click the Delete button on the confirmation page.

Delete link on the Form components page

 

To receive webform submissions via email:

  1. Go to the webform you want to edit, click the Webform tab, and then click the Emails button.

  2. On the Emails page, enter an email address in the Address field, and then click the Add button.

Email settings page

  1. On the Email settings page, set or modify the settings as needed.

  2. When finished, click the Save email settings button at the bottom of the page.

 

To configure webform settings:

  1. Go to the webform you want to edit, click the Webform tab, and then click the Form settings button.

Form settings page

  1. On the Form settings page, configure the following settings as needed:
    • Confirmation message: enter the message that will display when the form is submitted.
    • Redirection location: choose where to redirect the user when the form is submitted.
    • Total submissions limit: choose a limit for the total number of allowed submissions.
    • Per user submission limit: choose a limit for the number of submissions per user.
    • Status of this form: choose whether the form is open or closed; closing a form prevents further submissions.
    • Submission access: select which roles are allowed to submit the form.

  2. When finished, click the Save configuration button at the bottom of the page.

 

To view or download webform submissions:

  1. Go to the webform for which you want to view or download submission results, and then click the Results tab.

  2. The Submissions page of the Results tab displays. To view a specific submission, click View in the Operations column.

Webform results Submissions page

  1. To download the submission results, click the Download button.

  2. On the Download page, select an export format, and then click the Download button at the bottom of the page. The file will be saved to your web browser's default download location.

Webform results Download page

Create an Event

After a Group Administrator enables a group calendar for a website, web authors can add events to the calendar using the Group Event content type.

To create an event:

  1. Click Add content on the shortcut bar and click Group Event.

  2. On the Create page, enter a title and any additional information you want to include for the event.

    NOTE: An image uploaded through the Image field will appear above the content and will be resized to the width of the content. If you want to place the image within the content, insert the image using the WYSIWYG editor.

  3. On the Groups tab, select the group to which you want to add the event.

Groups tab

  1. On the Publishing options tab, set the Moderation state for the event.
    • If you plan to make additional changes, select the Draft option.
    • If the event needs to be reviewed before it is published, select the Needs Review option.

Publishing options tab

  1. Click the Save button at the bottom of the page.

  2. If the event is ready to be published, click the Moderate tab, select Published from the Set moderation state drop-down list, and then click the Apply button.

Publish a Page

A page must be published to be visible to the public. Once a page is in the Needs Review state, a Content Approver or Group Administrator can review and publish it. A Content Editor cannot publish a page.

To publish a page:

  1. Go to the page you want to publish and click the Moderate tab.

Moderate tab

  1. On the Moderate page, in the Moderation Actions column, set the moderation state to Published, and then click the Apply button.

Moderate page

Find a Page

The Content page lists all the pages in a group and includes filters which can be used to search for pages by title, type, author, or publish status. The list can also be sorted in ascending or descending order.

To find a page:

  1. Go to the group management page of the site, click the Group tab, and then click Find Content.

Find content link on the Group page

  1. On the Content page, do one of the following:
    • To sort the list, click the column header of the field that you want to sort by.
    • To filter the list, use the Title, Type, Author, or Published fields at the top of the page to enter or select the desired criteria, and then click the Apply button to display the results.

  2. Once you locate the page, click the page title in the Title column to view the page.

​Content page

Edit a Page

Web authors can easily update an existing page. When a page is edited, a new draft of the page is created. The new draft must be published to be visible to the public.

To edit a page:

  1. Go to the page you want to edit and click the New draft tab.

  2. On the Edit page, make the desired changes.

  3. On the Publishing options tab, select a state (Draft, Needs Review, or Published) from the Moderation state drop-down list.

  4. Click the Save button at the bottom of the page.

NOTE: Another way to edit a page is to go to the group management page of the site, click the Group tab, click Find Content, locate the page you want to edit, and then click edit in the Operations column.

Edit link on the Content page

Delete a Page

Pages can be permanently deleted from a website. Deleted pages cannot be restored.

To delete a page:

  1. Go to the page you want to delete and click the New draft tab.

  2. Click the Delete button at the bottom of the Edit page.

  3. Click the Delete button on the Confirmation page.

Delete confirmation page

NOTE: Another way to delete a page is to go to the group management page of the site, click the Group tab, click Find Content, locate the page you want to delete, and then click delete in the Operations column.

Delete link on the Content page

Edit a Faculty Page

Faculty can request a webpage for publishing their curriculum vitae (CV). Once the page is created, faculty can log in to the Drupal web platform and modify the content. A faculty template is available to assist with the development of content.

To edit a faculty webpage:

  1. Log in to the Drupal web platform (www.calstatela.edu/login) with your MyCalStateLA ID account and go to your faculty webpage. If you do not know the URL, click your username on the administrative toolbar to display your user page, and then click View Faculty Webpage.

View Faculty Webpage link on the user page

  1. On your faculty webpage, click the Edit tab.

Faculty webpage

  1. On the Edit page, update the information in the Title, First Name, Last Name, College, Department, Office Location, Room, Phone, Email, and Additional Website fields as needed. The Title should be your full name.

  2. To add your photo, click the Open File Browser button for the Photo field, navigate to your user folder, and do one of the following:
    • If the image is on the server, select it, and then click the Select button.
    • If the image is not on the server, click the Upload button to upload the image, and then click the Select button.

  3. In the Body field, enter any additional information you want to include on your webpage. To use the faculty template, click the Templates button Templates button on the WYSIWYG toolbar, select the Faculty template, and then replace the placeholder text with your own content.

  4. Leave the Type field set to Faculty.

  5. When finished, click the Save button at the bottom of the page.

Below are step-by-step instructions on how to work with content.

WYSIWYG Editor

The Drupal web platform includes a WYSIWYG (What You See Is What You Get) editor which makes it easy to create and edit content without using any programming languages. Pointing to a button on the WYSIWYG toolbar displays its name in a tooltip.

WYSIWYG editor

Add Links

Web authors can add various types of links to a page.

 

To link to a page:

  1. In the WYSIWYG editor, select the text you want to link.

  2. On the WYSIWYG toolbar, click the Link button Link button to open the Link dialog box.

  3. On the Link Info tab, do the following:
    • Select URL from the Link Type list.
    • Select the appropriate protocol from the Protocol list.
    • Enter a URL in the URL field (e.g., www.calstatela.edu).

Link Info tab of the Link dialog box

  1. To open the link in a new window, on the Target tab, select New Window (_blank) from the Target list.

Target tab of the Link dialog box

  1. Click the OK button.

NOTE: You can edit or remove a link by right-clicking the link and selecting the desired option on the shortcut menu.

Link shortcut menu

 

To link to a file:

  1. In the WYSIWYG editor, select the text you want to link.

  2. On the WYSIWYG toolbar, click the Link button Link button to open the Link dialog box.

  3. On the Link Info tab, select URL from the Link Type list, and then click the Browse Server button.

Link Info tab of the Link dialog box

  1. In the File Browser window, navigate to the group folder and do one of the following:
    • If the file is on the server, select it, and then click the Insert file button.
    • If the file is not on the server, click the Upload button to upload the file, and then click the Insert file button.

File Browser window

  1. The File Browser window closes and the URL field in the Link dialog box is populated with the file path. Click the OK button.

 

To link to an email address:

  1. In the WYSIWYG editor, select the text you want to link.

  2. On the WYSIWYG toolbar, click the Link button Link button to open the Link dialog box.

  3. On the Link Info tab, do the following:
    • Select Email from the Link Type list.
    • Enter the recipient's email address in the Email Address field.
    • To add a subject or body to the email message, enter the desired text in the corresponding fields.

  4. Click the OK button.

Link Info tab of the Link dialog box

Add Images

Web authors can easily add images to a webpage. To ensure that websites meet accessibility requirements, an alternative text (alt text) is required for all images. The alt text should be a short description conveying the essential information presented by the image. If the image is used solely for decorative purposes, it needs to include an empty alt attribute.

To add an image:

  1. In the WYSIWYG editor, click where you want to insert the image.

  2. On the WYSIWYG toolbar, click the Image button Image button to open the Image Properties dialog box.

  3. Click the Browse Server button.

Image Properties dialog box

  1. In the File Browser window, navigate to the group folder and do one of the following:
    • If the image is on the server, select it, and then click the Insert file button.
    • If the image is not on the server, click the Upload button to upload the image, and then click the Insert file button.

File Browser window

  1. The File Browser window closes and the URL field in the Image Properties dialog box is populated with the image file path. In the Alternative Text field, enter a brief description of the image. If the image is decorative, enter a space to add an empty alt attribute.

Image Properties dialog box after with image file path and alt text

  1. The image width and height are automatically filled. If the image is larger than a thumbnail (90 x 90 px), click the lock icon to unlock the image ratio, and then remove the value from the Height field. This will allow the image to resize proportionally on small screens.

  2. Click the OK button. The Image Properties dialog box closes and the selected image is inserted in the WYSIWYG editor.

Add Videos

Web authors can add videos to a page by embedding videos that are hosted on YouTube.

To add a video:

  1. In the WYSIWYG editor, click where you want to embed the video.

  2. On the WYSIWYG toolbar, click the Media button Media button to open the Media browser dialog box.

  3. Copy the URL or embed code from the YouTube page, paste it in the File URL or media resource field, and then click the Next button.

URL field in the Media browser dialog box

  1. Select Default from the Display as list, and then click the Submit button.

Video display options in the Media browser dialog box

NOTE: The video displays as a filmstrip icon in the WYSIWYG editor, but will display as an embedded video when the page is saved.

Add Tables

Tables are commonly used to organize and present data on a page. They should not be used to create page layouts. An important step toward creating an accessible data table is to designate row and/or column headers.

To add a table:

  1. In the WYSIWYG editor, click where you want to insert the table.

  2. On the WYSIWYG toolbar, click the Table button Table button to open the Table Properties dialog box.

  3. In the Rows and Columns fields, enter the desired number of rows and columns.

  4. Select the appropriate Headers option (First Row, First Column, or Both).

  5. Set other options as needed, and then click the OK button.

Table Properties dialog box

  1. The Table Properties dialog box closes and the table is inserted in the WYSIWYG editor. To add content to the table, click in each cell and enter data.

Table in the WYSIWYG editor

NOTE: You can edit or delete a table by right-clicking in the table and selecting the desired option on the shortcut menu.

Table shortcut menu​

Use Templates

Templates are pre-structured sections of content that can be used to create different page layouts (Two Column, Three Column, etc.). After adding a template, web authors need to replace the placeholder content with their own content.

To use a template:

  1. In the WYSIWYG editor, click where you want to insert the template.

  2. On the WYSIWYG toolbar, click the Templates button Templates button to open the Content Templates dialog box.

  3. If you want the template to replace the content in the WYSIWYG editor, select the Replace actual contents check box. Otherwise, the template will be inserted at the location of the cursor.

  4. Select the template you want to use.

Content Templates dialog box

  1. The Content Templates dialog box closes and the selected template is inserted in the WYSIWYG editor. Replace the placeholder content with your own content.

Three column template in the Body field

Use Design Blocks

Design blocks are flexible, structured building blocks that can be combined to create responsive and modern pages. Each design block has a predefined design with fields for adding content such as text or images. You can choose which design blocks you want to add to a page and the order in which to place them. Design blocks are available in the Landing Page and Subpage content types. Visit the Demo site to view a sample of the available design blocks.

 

Add a Design Block

There are various types of design blocks that can be added to a page. Once you add a design block, you will need to populate it with content.

To add a design block:

  1. Edit the page where you want to add a design block.

  2. On the Edit page, select a design block from the Design Block type drop-down list, and then click the Add new Design Block button.

Design Blocks field

  1. Enter content in the design block fields.

  2. To add another design block, repeat steps 2 to 3.

  3. When finished, set the moderation state and save the page.

 

Move a Design Block

You can move design blocks if you need to reorder the content on a page.

To move a design block:

  1. Edit the page that includes the design block you want to move.

  2. In the Design Blocks section of the Edit page, locate the design block you want to move, and then drag the move icon Move icon up or down to move the design block to its new location.

Design Block Move icon

  1. To move another design block, repeat step 2.

  2. When finished, set the moderation state and save the page.

 

Edit a Design Block

You can easily edit a design block if you need to update the content or styling.

To edit a design block:

  1. Edit the page that includes the design block you want to edit.

  2. In the Design Blocks section of the Edit page, locate the design block you want to edit, and then click the Edit button. The design block expands, providing access to all its fields.

Design Block Edit button

  1. Make the desired changes.

  2. To edit another design block, repeat steps 2 to 3.

  3. When finished, set the moderation state and save the page.

 

Remove a Design Block

When a design block is no longer needed, you can remove it from a page. Note that removing a design block will also delete all the content within it.

To remove a design block:

  1. Edit the page that includes the design block you want to remove.

  2. In the Design Blocks section of the Edit page, locate the design block you want to remove, and then click the Remove button.

Design Block Remove button

  1. Click the Confirm Deletion button.

  2. To remove another design block, repeat steps 2 to 3.

  3. When finished, click the Save button at the bottom of the page.

Use the University Catalog Widget

The University Catalog includes an API widget that can be used to add a link or pull content from the catalog and display it on your website. The widget keeps your website up to date by always pulling the latest data from the catalog. To use the widget, you need to first request the HTML code, and then add the code to a page.

 

Request the HTML Code

You can request the HTML code by contacting the University eCatalog Editor.

To request the HTML code:

  1. Go to the University Catalog and locate the page that includes the content you want to add to your website.

  2. Send an email with the subject Catalog API Widget to the University eCatalog Editor. In the email, include a link to the catalog page and indicate whether you want to link to the content or pull the content onto your website. If the catalog page contains multiple sections and you only want the content from a specific section, provide the heading of that section in the email.

 

Add the HTML Code to a Page

Once you receive the HTML code from the University eCatalog Editor, you can add a link or pull content from the University Catalog onto your website.

To add the HTML code to a page:

  1. Edit the page where you want to add the catalog link or content.

  2. On the Edit page, below the WYSIWYG editor, select HTML from the Text format drop-down list.

  3. On the WYSIWYG toolbar, click the Source button to switch to the source code view.

  4. Insert the following as the first line of code in the source code.

<link rel="stylesheet" href="https://ecatalog.calstatela.edu/widget-api/widget-api.min.css">

  1. Insert the following as the last lines of code in the source code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ecatalog.calstatela.edu/widget-api/widget-api.min.js"></script>
<script>
$(function() {
$('.acalog').acalogWidgetize({
gateway: 'https://ecatalog.calstatela.edu'
});
});
</script>

  1. Find the location where you want the catalog link or content to appear and paste the HTML code you received from the University eCatalog Editor.

    NOTE: If you are not sure where to paste the HTML code, you can do the following. Switch back to rendered view by clicking the Source button and type multiple X's in the location where you want to add the HTML code. Then switch back to the source code, locate the X's, and then replace them with the HTML code.

  2. When finished, set the moderation state and save the page.

Important: If the widget HTML code is a link and you are adding it to a page for the first time, you must paste the code in source view and save the page without switching back to rendered view. Switching back to rendered view will modify the HTML code and break the link. If you edit the page at a later date, your last step before you save the page should be to switch to source view and replace the HTML code with the original code that you received from the University eCatalog Editor.

If you need assistance with using the University Catalog Widget, email the Web Administrator.

Below are step-by-step instructions on how to manage groups and work with group content.

Manage Groups

Groups are used to control access to websites on the Drupal web platform. Each user in a group has a role which defines his or her level of access to the group.

Role Permissions
Group Administrator
  • Create, edit, and delete group content.
  • Publish group content.
  • Edit the group management page.
  • Edit the landing page.
  • Edit group blocks.
  • Manage group menus.
  • Manage group users.
Content Approver
  • Create, edit, and delete group content.
  • Publish group content.
Content Editor
  • Create, edit, and delete group content.

Group Administrators can manage a website using the group management page. In the old design, the URL of the group management page is the same as the homepage URL. In the new design, the URL of the group management page is the landing page URL followed by /group. The Group tab only appears on group management pages.

Group tab

Clicking the Group tab displays the Group page which can be used to manage group users, menus, and content.

Group page

Manage Group Users

Group Administrators can manage users in a group by adding users, assigning user roles, and removing users.

 

Add a User

Group Administrators can add users to a group that they manage. The only information that is needed to complete the process is the person's username.

NOTE: If a person has never logged in to Drupal, their account is considered inactive. Before a person can be added to a group, they must first log in to Drupal to activate their account.

To add a user to a group:

  1. Go to the group management page of the site, click the Group tab, and then click Add people.

  2. On the Add member page, enter a username in the User name field.

  3. In the Roles section, select the check box for the role that you want to assign to the user. If no check box is selected, the user will be assigned the Content Editor role.

Add member page

  1. Click the Add users button. A confirmation message appears at the top of the page stating that the user has been added to the group.

  2. To add another user, repeat steps 2 to 4.

 

Change a User's Role

Group Administrators can change a user's roles in a group that they manage.

To change a user's role:

  1. Go to the group management page of the site, click the Group tab, and then click People.

  2. On the People page, locate the user whose role you want to change, and then click edit in the Operations column.

Edit link on the People page

  1. In the Roles section of the Edit membership page, select the check box for the role you want to assign, or deselect the check box for the role you want to unassign. If no check box is selected, the user will be assigned the Content Editor role.

Edit membership page

  1. Click the Update membership button. A confirmation message appears at the top of the page stating that the membership has been updated.

 

Remove a User

Group Administrators can remove users from a group that they manage.

To remove a user from a group:

  1. Go to the group management page of the site, click the Group tab, and then click People.

  2. On the People page, locate the user you want to remove, and then click remove in the Operations column.

Remove link on the People page

  1. On the Remove membership page, click the Remove button. A confirmation message appears at the top of the page stating that the user has been removed from the group.

Remove membership page

Manage Group Menus

Every website can have its own menu.

Design Menu Functionality
New Design
  • A group menu renders as a horizontal menu on a landing page and as a vertical menu on pages that have a left sidebar.
  • A group menu displays up to 2 levels of links. Links that are level 3 and below will not render on the menu.
  • For a group menu to render correctly, all parent links should be level 1 links (not indented) and all child links should be level 2 links (indented under each parent).
  • On mobile devices, a group menu renders as a menu bar and displays the menu title with the word MENU appended at the end.
Old Design
  • A group menu renders as a vertical menu in the left sidebar.
  • A group menu displays up to 4 levels of links. Links that are level 5 and below will render as level 4 links.
  • For a group menu to render correctly, only the first link should be a level 1 parent link (not indented). All other links should be child links (indented under the first link). Also, the Show as expanded option should be enabled for the first link on the menu.
  • On mobile devices, a group menu renders as a menu bar and displays the word Menu.

Only a Group Administrator can create and edit a group menu.

 

To enable a group menu:

  1. Go to the group management page of the site and click the New draft tab.

  2. On the Group Menu tab of the Edit page, select the Enable menu for this group check box.

​Group Menu tab

  1. Publish the page.

NOTE: If you ever deselect the Enable menu for this group check box, the group menu will be permanently deleted. If you enable it again, the menu will need to be rebuilt from scratch.

 

To add menu links:

  1. Go to the group management page of the site, click the Group tab, and then click Menus.

  2. On the Menus page, locate the menu you want to edit, and then click add link in the Operations column.

​Add link on the Menus page

  1. On the Add link page, enter the link text in the Menu link title field.

  2. Enter the URL in the Path field. If linking to a Cal State LA page, enter a relative path instead of a full path. For example, the relative path of http://www.calstatela.edu/its/web is its/web.

  3. If you want the link to be visible on the menu, make sure the Enabled check box is selected.

  4. Click the Save button.

  5. To add another menu link, click Add link on the List links page and repeat steps 3 to 6.

NOTE: The menu can only link to pages that exist. If you want to add a link for a new page, you must first create the page, and then add the menu link. If you add a link to a page that has never been published, the menu link will be hidden until the page is published.

 

To edit or delete menu links:

  1. Go to the group management page of the site, click the Group tab, and then click Menus.

  2. On the Menus page, locate the menu you want to edit, and then click list links in the Operations column.

​List links on the Menus page

  1. On the List links page, locate the link you want to modify and do one of the following:
    • To edit the link, click edit in the Operations column, make the desired changes, and then click the Save button.
    • To delete the link, click delete in the Operations column, and then click the Confirm button.
    • To show or hide the link, select or deselect the Enabled check box, and then click the Save configuration button.

 

To sort menu links:

  1. Go to the group management page of the site, click the Group tab, and then click Menus.

  2. On the Menus page, locate the menu you want to edit, and then click list links in the Operations column.

​Add link on the Menus page

  1. On the List links page, locate the link you want to move, and then drag the move icon Move icon up or down to move the link to its new location. If you want the link to be a child of another link, drag it to the right so it indents beneath the parent.

  2. To move another link, repeat step 3.

  3. When finished, click the Save configuration button.

NOTE: If you need to edit or delete a menu link after making changes to the sort order, you need to save the sorting changes before you modify the link. Otherwise, the sorting changes will be lost.

Enable a Group Calendar

Every website can have its own calendar. Only a Group Administrator can enable a group calendar. Once the calendar is enabled, web authors can add events to the calendar using the Group Event content type.

To enable a group calendar:

  1. Go to the group management page of the site and click the New draft tab.

  2. On the Group Calendar tab of the Edit page, select the Enable Group Calendar check box.

  3. Under Event Categories, select the categories you want to use when creating events.

    NOTE: Categories are used to filter events. If no categories are selected, then the filter list will include all categories.

​Group Calendar tab

  1. When finished, publish the page.

NOTE: Once a group calendar is enabled, its URL will have the following format (replace the 3 sequential pound signs in the path with the group management page's node ID).

www.calstatela.edu/group-calendar-event-date/month?group_events=###&field_event_category_tid=All

If you would like a simple calendar URL (e.g., www.calstatela.edu/calendar/sitename), contact the Web Administrator to request a redirect. In the request, provide the name and URL of the site.

Add a Subpage Banner Image

In the new design, subpages have a banner that consists of a background image and the group's name which links to the group's landing page. Group Administrators can add a subpage banner image by editing the group management page. Note that the same image will display on every subpage.

To add a subpage banner image:

  1. Go to the group management page of the site and click the New draft tab.

  2. On the Group Images tab of the Edit page, click the Open File Browser button for the Image field.

​Group Images tab

  1. In the File Browser window, navigate to the group folder and do one of the following:
    • If the image is on the server, select it, and then click the Select button.
    • If the image is not on the server, click the Upload button to upload the image, and then click the Select button.

  2. To use a different image for mobile devices, click the Open File Browser button for the Mobile Image field and repeat step 3 to select an image.

  3. When finished, publish the page.

Add Social Media Links

Group Administrators can add up to 6 social media links to a website (Facebook, Twitter, Instagram, LinkedIn, YouTube, and Snapchat). Once added, these links will display as icons in the left sidebar on pages with the new design. These links will also be used to populate design blocks that include social media links.

To add social media links:

  1. Go to the group management page of the site and click the New draft tab.

  2. On the Group Social Media tab of the Edit page, enter a URL for the social media links that you want to add to the site.

​Group Social Media tab

  1. When finished, publish the page.

Support

For assistance with developing a website on the Cal State LA Drupal web platform or for getting access to edit a website, contact your college or department Group Administrator.