How-to Guides

These guides include step-by-step instructions and video tutorials on how to use the Cal State LA web platform to create and maintain university websites.

Logging In


Web authors can access the Cal State LA web platform from any computer with an internet connection by launching a web browser and logging in to the web platform with their MyCalStateLA ID account.

To log in:

  1. Launch a web browser and go to http://www.calstatela.edu/login.

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

Login page

Administrative Interface


After logging into the Cal State LA web platform, web authors will see the administrative toolbar and shortcut bar at the top of the page. The administrative toolbar (the black bar) includes links to the main administrative pages. The shortcut bar (the gray bar) provides quick access to frequently used administrative pages. The links that are available on the administrative toolbar and shortcut bar will vary depending on a user's permissions.

Administrative toolbar and shortcut bar

Administrative pages display in an overlay which floats on a layer above the current page. An overlay can be closed by clicking the Close button Close button in the upper-right corner of the overlay.

Administrative overlay

Web authors can view a list of all the groups that they have been given access to by clicking their username on the right side of the administrative toolbar to display their user page. Clicking a group name under Group membership displays the homepage of that group.

User page

Web authors who have access to modify a webpage will see tabs below the page title. These tabs allow web authors to manage the page content. The Group tab only appears on group homepages.

Content management tabs

WYSIWYG Editor


The Cal State LA 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. It includes commonly used editing features found in word processors as well as additional components specially designed for web content.

Note: Pointing to a button on the WYSIWYG toolbar displays its name in a tooltip.

WYSIWYG toolbar

Adding Links

Links are found on nearly all webpages. The WYSIWYG editor simplifies the process of linking to webpages, files, and email addresses.

To link to a webpage:

  1. In the Body field, select the text that you want to link.

  2. On the WYSIWYG toolbar, click the Link button Link button. The Link dialog box opens.

  3. On the Link Info tab, select the URL option from the Link Type list.

  4. Select the appropriate protocol from the Protocol list (e.g., http://).

  5. In the URL field, enter the web address that you want to link to (e.g., www.calstatela.edu/support).

Link Info tab of the Link dialog box

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

  2. Click the OK button.

Target tab of the Link dialog box

To link to a file:

  1. In the Body field, select the text that you want to link.

  2. On the WYSIWYG toolbar, click the Link button Link button. The Link dialog box opens.

  3. On the Link Info tab, select the URL option from the Link Type list.

  4. Click the Browse Server button.

Link Info tab of the Link dialog box

  1. In the left Navigation pane of the File Browser window, select the folder that contains the files for your website. If the file that you want to link to is in the selected folder, skip to step 7. If you need to upload the file to the folder, proceed to step 6.

File Browser window

  1. To upload a file, click the Upload button Upload button on the File Browser toolbar to open the Upload dialog box, locate and select the file that you want to upload, click the Upload button, and then click the Close button in the upper-right corner of the dialog box. The file is uploaded to the selected folder.

Upload dialog box

  1. In the right pane of the File Browser window, select the file that you want to link to.

  2. On the File Browser toolbar, click the Insert file button Insert file button. The File Browser window closes and the URL field in the Link dialog box is populated with the file path.

  3. To open the link in a new window, on the Target tab of the Link dialog box, select the New Window (_blank) option from the Target list.

  4. Click the OK button.

Target tab of the Link dialog box

To link to an email address:

  1. In the Body field, select the text that you want to link.

  2. On the WYSIWYG toolbar, click the Link button Link button. The Link dialog box opens.

  3. On the Link Info tab, select the E-mail option from the Link Type list.

  4. In the E-Mail Address field, enter the email address of the recipient.

  5. To add a subject or body to the email message, enter the desired text in the corresponding fields.

  6. Click the OK button.

Link Info tab of the Link dialog box

Note: A link can be edited or removed by right-clicking the linked text, and then selecting the desired option on the shortcut menu.

Link shortcut menu

Adding Images

The WYSIWYG editor simplifies the process of adding an image 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 Body field, click where you want to insert the image.

  2. On the WYSIWYG toolbar, click the Image button Image button. The Image Properties dialog box opens.

  3. Next to the URL field, click the Browse Server button.

Image Properties dialog box

  1. In the left Navigation pane of the File Browser window, select the folder that contains the images for your website. If the image that you want to insert is in the selected folder, skip to step 6. If you need to upload the image to the folder, proceed to step 5.

File Browser window

  1. To upload an image, click the Upload button Upload button on the File Browser toolbar to open the Upload dialog box, locate and select the image that you want to upload, select the Thumb (90x90) check box if a thumbnail version of the image is needed, click the Upload button, and then click the Close button in the upper-right corner of the dialog box. The image is uploaded to the selected folder.

Upload dialog box

  1. In the right pane of the File Browser window, select the image that you want to insert.

  2. On the File Browser toolbar, click the Insert file button Insert file button. The File Browser window closes and the URL field in the Image Properties dialog box is populated with the image file path.

  3. 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 selecting the image and adding alternative text

  1. The image width and height are automatically filled. If your image is larger than a thumbnail, click the lock icon to unlock the image ratio, and then remove the value from the Height field.

    Note: Large images are often resized by the web platform to accommodate different screen widths. By removing the height value, the image will keep its proportion when a resizing occurs.

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

Adding Videos

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

To add a video:

  1. In the Body field, click where you want to embed the video.

  2. On the WYSIWYG toolbar, click the Add media button Add media button. The Media Browser dialog box opens.

  3. Copy the URL or embed code from the YouTube video page, paste it in the URL or Embed Code field, and then click the Submit button.

Media Browser dialog box

  1. In the Options section, leave the Display as list set to Video, and then click the Submit button.

Note: The video displays as a text link in the Body field, but will display as an embedded video when the page is saved.

Media Browser dialog box with video display options

Adding Tables

Tables are commonly used to organize and present data on a webpage. They should not be used for creating 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 Body field, click where you want to insert the table.

  2. On the WYSIWYG toolbar, click the Table button Table button. The Table Properties dialog box opens.

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

Table Properties dialog box

  1. Set other options as needed, and then click the OK button. The Table Properties dialog box closes and the table is inserted in the Body field.

  2. To add content to the table, click in each cell and enter data.

Table in the Body field

Note: A table can be edited or deleted by right-clicking in the table, and then selecting the desired option on the shortcut menu.

Table shortcut menu

Using Templates

Templates can be used to create different page layouts. They contain text and image placeholders that indicate the places where web authors need to enter their own content. There are a variety of templates that web authors can choose from (Two Column, Three Column, etc.).

To use a template:

  1. In the Body field, click where you want to insert the template.

  2. On the WYSIWYG toolbar, click the Templates button Templates button. The Content Templates dialog box opens.

Content Templates dialog box

  1. If you want the template to replace the contents in the Body field, select the Replace actual contents check box. Otherwise, the template will be inserted at the location of the cursor.

  2. Select the template that you want to use. The Content Templates dialog box closes and the selected template is inserted in the Body field.

  3. Replace the text and image placeholders with your own content.

Three column template in the Body field

Creating Content

The Cal State LA web platform includes several content types which can be used by web authors to create different types of content. Each content type has a specific set of fields.

Content TypeDescription
AnnouncementUse to post announcements in the right-column sidebar on every webpage within the selected group.
ArticleUse to create time-sensitive content such as news or press releases.
FAQUse to create a Frequently Asked Questions page. Questions and answers can be grouped into categories.
PageUse to create static content such as an About Us page.
SlideshowUse to create image slideshows.
StaffUse to create a page that displays staff members with their contact information. Staff members can be grouped into categories.
WebformUse to create online forms for collecting information from website visitors. Submission results can be viewed, emailed, or downloaded.

Content types are listed on the Add content administrative page which can be accessed by clicking the Add content link on the shortcut bar. The content types that are available to web authors will vary depending on their user permissions.

Add content administrative page

Creating Announcements

The Announcement content type can be used to post announcements in the right-column sidebar on every webpage within the selected group. The sidebar can list up to 5 announcements at a time. Announcements can be scheduled to publish and unpublish automatically.

Note: The revision limit for this content type is 10. When this limit is reached, the oldest revision will be automatically removed.

To create an announcement:

  1. Click the Add content link on the shortcut bar.

Add content link on the shortcut bar

  1. On the Add content ​administrative page, click the Announcement link. The Create Announcement form displays. Fields marked with a red asterisk (*) are required.

  2. In the Title field, enter a title for the announcement.

  3. To add an image to the announcement, in the Announcement Image field, locate and select the image that you want to add, click the Upload button, and then enter a short description for the image in the Alternate text field.

Note: The image will be automatically resized to a width of 230 pixels and will appear above the announcement text.

  1. In the Announcement​ field, enter the announcement text. For instructions on using the WYSIWYG toolbar, see WYSIWYG Editor.

  2. To link the announcement, enter the destination URL in the Announcement Link field.

Create Announcement form

  1. On the Groups tab, specify which group the content belongs to by selecting the check box next to the appropriate group name. If you only have access to one group, then that group will be selected by default.​

Groups tab

  1. On the Scheduling options tab, enter the date and time that you want the announcement to be published or unpublished. Leave these fields blank to disable scheduled publishing or unpublishing.

Scheduling options tab

  1. On the Publishing options tab, set the moderation state for the content. If you plan to make additional changes before the content is published, select the Draft option from the Moderation state list. If the content is ready to be published, select the Needs Review option from the Moderation state list.

Publishing options tab

  1. Click the Save button at the bottom of the Create Announcement form to save and view the content. The word Unpublished appears at the top of the page to indicate that the content is not published.

Creating FAQ Pages

The FAQ content type can be used to create a Frequently Asked Questions page. Questions and answers can be grouped into categories.

Note: The revision limit for this content type is 10. When this limit is reached, the oldest revision will be automatically removed.

Sample FAQ page

To create an FAQ page:

  1. Click the Add content link on the shortcut bar.

Add content link on the shortcut bar

  1. On the Add content ​administrative page, click the FAQ link. The Create FAQ form displays. Fields marked with a red asterisk (*) are required.

  2. In the Title field, enter a title for the FAQ page.

  1. To organize questions and answers into a group, enter a name for the group in the FAQ Group Title field.

Note: You can add another group by clicking the Add another item button located below the Q&A Group box. You can remove a group by clicking the Remove button at the bottom of the group.

  1. In the Q&A box, enter a question and answer set into their corresponding fields. For instructions on using the WYSIWYG toolbar, see WYSIWYG Editor.

  2. To add tags, enter terms in the FAQ Tags field; separate each term with a comma. Tags are used to categorize entries further, allowing for additional grouping options.

Note: You can add another question and answer set by clicking the Add another item button at the bottom of the group. You can remove a question and answer set by clicking the Remove button below the set.

  1. To change the order of any groups or question and answer sets, drag the corresponding cross icon Cross icon​ up or down to the desired position within the list.

Create FAQ form

  1. On the Groups tab, specify which group the content belongs to by selecting the check box next to the appropriate group name. If you only have access to one group, then that group will be selected by default.

Groups tab

  1. On the Publishing options tab, set the moderation state for the content. If you plan to make additional changes before the content is published, select the Draft option from the Moderation state list. If the content is ready to be published, select the Needs Review option from the Moderation state list.

Publishing options tab

  1. Click the Save button at the bottom of the Create FAQ form to save and view the content. The word Unpublished appears at the top of the page to indicate that the content is not published.

Creating Pages


The Page content type can be used to create static content. This content type is suitable for creating most webpages.

Note: The revision limit for this content type is 20. When this limit is reached, the oldest revision will be automatically removed.

To create a page:

  1. Click the Add content link on the shortcut bar.

Add content link on the shortcut bar

  1. On the Add content ​administrative page, click the Page link. The Create Page form displays. Fields marked with a red asterisk (*) are required.

  2. In the Title field, enter a title for the page.

  3. In the Body field, enter the main content. For instructions on using the WYSIWYG toolbar, see WYSIWYG Editor.

Create Page form

  1. On the Groups tab, specify which group the content belongs to by selecting the check box next to the appropriate group name. If you only have access to one group, then that group will be selected by default.

Groups tab

  1. On the Publishing options tab, set the moderation state for the content. If you plan to make additional changes before the content is published, select the Draft option from the Moderation state list. If the content is ready to be published, select the Needs Review option from the Moderation state list.

Publishing options tab

  1. Click the Save button at the bottom of the Create Page form to save and view the content. The word Unpublished appears at the top of the page to indicate that the content is not published.

Creating Staff Pages

The Staff content type can be used to create a page that displays staff members with their contact information. Staff members can be grouped into categories.

Note: The revision limit for this content type is 10. When this limit is reached, the oldest revision will be automatically removed.

Sample staff page

To create a staff page:

  1. Click the Add content link on the shortcut bar.

Add content link on the shortcut bar

  1. On the Add content ​administrative page, click the Staff link. The Create Staff form displays. Fields marked with a red asterisk (*) are required.

  2. In the Title field, enter a title for the staff page.

  3. In the Body field, enter any content that you want to display above the staff list. For instructions on using the WYSIWYG toolbar, see WYSIWYG Editor.

Create Staff form

  1. To organize staff members into a group, enter a name for the group in the Staff Group Title field.

Note: You can add another group by clicking the Add another item button located below the Staff Group box. You can remove a group by clicking the Remove button at the bottom of the group.

  1. In the Staff Member box, enter the name, job title, phone extension, email address, and a short biography in the corresponding fields for the first staff member. Name is the only required field.

Note: You can add another staff member by clicking the Add another item button at the bottom of the group. You can remove a staff member by clicking the Remove button below the staff member’s information.

  1. To change the order of any groups or staff members, drag the corresponding cross icon Cross icon​ up or down to the desired position within the list.

Staff group and staff member fields

  1. On the Groups tab, specify which group the content belongs to by selecting the check box next to the appropriate group name. If you only have access to one group, then that group will be selected by default.

Groups tab

  1. On the Publishing options tab, set the moderation state for the content. If you plan to make additional changes before the content is published, select the Draft option from the Moderation state list. If the content is ready to be published, select the Needs Review option from the Moderation state list.

Publishing options tab

  1. Click the Save button at the bottom of the Create Staff form to save and view the content. The word Unpublished appears at the top of the page to indicate that the content is not published.

Creating Webforms

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

Field TypeDescription
DateAdds month, day, and year drop-down lists as well as a pop-up calendar for date input.
EmailAdds a field for email address input and validates that the submitted value is an email address.
FieldsetUsed for grouping related form fields. Use the drag-and-drop handle drag-and-drop handle to arrange fields that are part of the group as child items of the fieldset.
FileAdds a file upload field for attaching files to form submissions.
GridAdds 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.
HiddenAdds a hidden field for internal data entry. The label and value of a hidden field do not display on the webform.
MarkupAdds a field for adding additional content such as text, links, or images to the webform. A markup field does not provide for any input by the form submitter.
NumberAdds a field for number input.
Page breakAdds a page break for creating a multi-page webform.
Selection optionsAdds a select field for text input. Radio buttons are provided for a single value selection. Check boxes and list boxes are provided for multiple value selections.
TextareaAdds a multi-line text field for text input.
TextfieldAdds a single-line text field for text input.
TimeAdds hour and minute drop-down lists as well as am/pm radio buttons for time input.

For a form to be accessible, each form field needs to have a descriptive label that identifies its purpose. The label should be placed adjacent to its respective field and must be associated with the field. You can also improve the accessibility of a form by placing fields in a logical order and by grouping related fields together. The Webform content type in Drupal makes it easy to create accessible forms. When you add a new form field, the label you enter for the field is automatically associated with the corresponding field. You can also easily group and sort fields using a drag-and-drop functionality.


To create a webform:

  1. Click the Add content link on the shortcut bar.

Add content link on the shortcut bar

  1. On the Add content page, click the Webform link. The Create Webform page displays. Fields marked with a red asterisk (*) are required.

  2. In the Title field, enter a title for the webform.

  3. In the Body field, enter any content that you want to display above the form (such as the purpose of the form and/or submission guidelines). For instructions on using the WYSIWYG toolbar, see WYSIWYG Editor.

Create Webform Page

  1. On the Groups tab, specify which group the content belongs to by selecting the check box next to the appropriate group name. If you only have access to one group, then that group will be selected by default.

Groups Tab

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

  2. The Webform tab is automatically selected and the Form components page 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. The Edit component page for the selected field displays. 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 selected field type.

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

  3. When you finish adding all the necessary fields, click the View tab at the top of the page to view the webform.

    Note: Webforms are automatically published so there is no need to publish a webform.


To modify a webform:

  1. Navigate to the webform that you want to modify.

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

Edit Tab

  1. To modify the form fields, click the Webform tab at the top of the page.

Webform Tab

  1. On the Form components page, do any of the following:

    • To change the order of the fields, drag the drag-and-drop handle drag-and-drop handle next to the field that you want to move to the desired position within the list, 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 the Edit link 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 the Delete link 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. Navigate to the webform that you want to modify.

  2. Click the Webform tab at the top of the page, and then click the E-mails tab.

  3. On the E-mails page, enter an email address in the Address field, and click the Add button.

Email Settings Page

  1. On the E-mail settings page, set or modify the settings as needed.

  2. When finished, click the Save e-mail settings button at the bottom of the page.


To configure the webform settings:

  1. Navigate to the webform that you want to modify.

  2. Click the Webform tab at the top of the page, and then click the Form settings tab.

Form Settings Page

  1. On the Form settings page, configure the following settings as needed:

    • Confirmation message: enter the message to be shown upon successful submission of the webform.

    • Redirection location: choose where to redirect the user upon successful submission.

    • Total submissions limit: choose an option to limit the total number of allowed submissions.

    • Per user submission limit: choose an option to limit the number of submissions per user.

    • Status of this form: indicate if the webform is open or closed. Closing a form prevents any further submissions by users.

    • Submission access: indicate which roles can submit the webform.

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


To view or download webform submissions:

  1. Navigate to the webform for which you want to view or download submission results.

  2. Click the Results tab at the top of the page.

Results Tab

  1. The Submissions page appears by default and displays a paginated view of individual webform submissions. To view the values of a specific submission, click the View link in the Operations column next to the submission.

Webform Results Submissions Page

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

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

Webform Results Download Page

 

Publishing Content


Content must be published in order to be visible to the public. Once content is in a Needs Review state, a group approver or group administrator can review and publish it. A group editor cannot publish content.

To publish content:

  1. Navigate to the homepage of the group that contains the content you want to publish. If you know the URL of the group homepage, enter it in the web browser's Address bar. If you do not know the URL of the group homepage, click your username on the right side of the administrative toolbar to display your user page, and then click the group name under Group membership.

  2. Click the Group tab at the top of the group homepage.

Tabs on the group homepage

  1. On the Group administrative page, click the Find Content link.

Group administrative page

  1. On the Content administrative page, click the Needs Review tab to display a list of all the content in the group that is in a Needs Review state.

Note: You can sort the list by clicking the column header of the field that you want to sort by. You can also filter the list by using the Title or Type fields at the top of the page to enter or select the desired criteria, and then clicking the Apply button to display the results.

  1. To display and review the content before publishing, click the page title in the Title column.

Needs Review tab of the Content administrative page

  1. If the page has never been published, the draft version displays by default. If the page has previously been published, the published version displays by default; click the View draft tab at the top of the page to display the draft version.

  2. To publish the content, click the Moderate tab at the top of the unpublished page.

Unpublished Page

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

Moderate administrative page

  1. When you are finished, click the Close button Close button in the upper-right corner of the overlay.

Note: If you know the URL of the page that needs to be published, you can also publish it by navigating directly to the page, clicking the View draft tab to display and review the content, clicking the Moderate tab to display the Moderate administrative page, setting the moderation state to Published, and then clicking the Apply button.

Finding Content


Web authors can easily find content in a group by using the Content administrative page. This page lists all the content in a group and includes filters which can be used to search content by title, type, author, or publish status. Web authors can also sort the content in ascending or descending order.

To find content:

  1. Navigate to the homepage of the group that contains the content you want to find. If you know the URL of the group homepage, enter it in the web browser's Address bar. If you do not know the URL of the group homepage, click your username on the right side of the administrative toolbar to display your user page, and then click the group name under Group membership.

  2. Click the Group tab at the top of the group homepage.

Tabs on the group homepage

  1. On the Group administrative page, click the Find Content link.

Group administrative page

  1. The Content administrative page displays a list of all the content in the group. To sort the list, click the column header of the field that you want to sort by.

  2. 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.

  3. To view a page, click the page title in the Title column.

Content administrative page

Editing Content


The Cal State LA web platform makes it easy to update existing content. When content is edited, a new draft of the existing content is created. The new draft must be published in order to be visible to the public.

To edit content:

  1. Find the content that you want to edit. For instructions, see Finding Content.

  2. On the Content administrative page, click the edit link in the Operations column of the content that you want to edit.

List of content on the Content administrative page

  1. The Edit form displays. Make the desired changes, and then click the Save button at the bottom of the form. For instructions on using the WYSIWYG toolbar in the Body field, see WYSIWYG Editor.

Note: Content can also be edited by navigating to the page that you want to edit, clicking the New draft or Edit draft tab at the top of the page, making the desired changes, and then clicking the Save button at the bottom of the Edit form.

Deleting Content


Content can be permanently deleted from the Cal State LA web platform. Deleted content cannot be retrieved.

To delete content:

  1. Find the content that you want to delete. For instructions, see Finding Content.

  2. On the Content administrative page, click the delete link in the Operations column of the content that you want to delete.

List of content on the Content administrative page

  1. Click the Delete button on the confirmation page.

Delete content confirmation page

Note: Content can also be deleted by navigating to the page that you want to delete, clicking the New draft or Edit draft tab at the top of the page, clicking the Delete button at the bottom of the Edit form, and then clicking the Delete button on the confirmation page.

Editing Faculty Webpages


Current faculty members have a webpage on the new Cal State LA web platform. By default, these pages contain a faculty member's first name, last name, college affiliation, and email address. Faculty members may edit their webpage to add additional information as desired. A faculty template is also available to assist with the development of content.

Note: If you do not have a faculty webpage on the web platform, you can request to have a page created for you by filling out the Faculty Web Space Request Form.

To edit your faculty webpage:

  1. Log into the Cal State LA web platform. For instructions, see Logging In.

  1. On your user page, click the View Faculty Webpage link.

User page

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

Faculty webpage

  1. The Edit form displays. Update the information in the Title, First Name, Last Name, College, Department, Office Location, Room, Phone, Email, and Additional Website fields as necessary. The Title field is required and should include your first name and last name.

  2. To add a photo to your faculty webpage, in the Photo field, locate and select the photo that you want to add, click the Upload button, and then enter a short description for the photo in the Alternate text field.

Photo field

  1. In the Body field, enter any additional information you want to include on your faculty 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. For detailed instructions, see Using Templates.

  2. Leave the Type field set to Faculty.

Type field

  1. Click the Save button at the bottom of the Edit form to save the changes.

University Catalog Widget

The University Catalog now includes an API widget that allows you to add a link or a list of links, or pull content from the catalog and display it on your website. The widget keeps your links and information up-to-date by always pulling the latest information from the catalog. This means that when the catalog is updated, the links and content on your website are also updated. To use the widget, perform the following two steps.

Step One - Request the Code

Complete the following steps to request the HTML code from the eCatalog Webmaster.

  1. Visit the University Catalog website and locate the content that you want to add to your website.
  2. Send an email with the subject "API Access" to the eCatalog Webmaster and include a link to the catalog page that you want to access. If the catalog page contains multiple sections of content and you only want access to a specific section, provide the heading of that section in the email. Also, indicate whether you want to link to the content or pull the content onto your website.

    Note: Once your request is processed, the eCatalog Webmaster will reply with HTML code that you will need for step two.

Step Two - Add the Code

Once you receive the HTML code from the eCatalog Webmaster, you can add a link or pull content from the University Catalog by completing the following steps.

  1. Edit the webpage where you want to add the catalog link or content.
  2. Below the WYSIWYG editor, select Full HTML with Scripts from the Text format drop-down list.
  3. On the WYSIWYG editor toolbar, click the Source button to switch to code view.
  4. Insert the following line as the first line of code in your source code.
    <link rel="stylesheet" href="http://ecatalog.calstatela.edu/widget-api/widget-api.min.css">
  5. Insert the following lines as the last lines of code in your source code.
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://ecatalog.calstatela.edu/widget-api/widget-api.min.js"></script>
    <script>
    $(function() {
    $('.acalog').acalogWidgetize({
    gateway: 'http://ecatalog.calstatela.edu'
    });
    });
    </script>
  6. Locate the position where you want the catalog link or content to appear and paste the HTML code you received from the eCatalog Webmaster.

    Note: If you are not familiar with HTML or 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 consecutive X's in the location that you want to add the catalog code. Then switch back to code view, locate the X's, and replace them with the catalog HTML code.

Place curser where you want catalog content or link to appear, type multiple X characters, switch to code view, locate the X characters and replace them with the HTML code you got from the eCatalog Webmaster

  1. Save and publish your webpage. You should now see the catalog link or content on your page.

 

Managing Group Users

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

Role Description
Group editor

Has the following privileges:

  • Can create, edit, and delete group content.
Group approver Has all the privileges of a group editor, plus:
  • Can publish group content.
Group administrator Has all the privileges of a group editor and group approver, plus:
  • Can edit a group homepage.
  • Can add and edit group menus.
  • Can edit group blocks.
  • Can manage users in a group.
  • Can delete any uploaded group files.

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

Adding Users


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.

To add a user to a group:

  1. Navigate to the homepage of the group to which you want to add a user. If you know the URL of the group homepage, enter it in the web browser's Address bar. If you do not know the URL of the group homepage, click your username on the right side of the administrative toolbar to display your user page, and then click the group name under Group membership.

  2. Click the Group tab at the top of the group homepage.

Tabs on the group homepage

  1. On the Group administrative page, click the Add people link.

Group administrative page

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

  2. In the Roles section, select the check box for the role that you want to assign to the user. Leaving both check boxes deselected assigns the group editor role to the user.

Add member administrative 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 4 through 6.

  3. When you are finished, click the Close button Close button in the upper-right corner of the overlay.

Changing User Roles


Group administrators can change the roles assigned to users in a group that they manage.

To change a user's role:

  1. Navigate to the homepage of the group that contains the user whose role you want to change. If you know the URL of the group homepage, enter it in the web browser's Address bar. If you do not know the URL of the group homepage, click your username on the right side of the administrative toolbar to display your user page, and then click the group name under Group membership.

  2. Click the Group tab at the top of the group homepage.

Tabs on the group homepage

  1. On the Group administrative page, click the People link.

Group administrative page

  1. The People administrative page displays a list of all the users in the group. Locate the user whose role you want to change, and then click the edit link in the Operations column.

Note: You can sort the list of users by clicking the column header of the field that you want to sort by. You can also search for a specific user by entering their username in the Name field at the top of the page, and then clicking the Apply button.

People administrative page

  1. On the Edit membership administrative page, in the Roles section, select the check box for the role that you want to assign, or deselect the check box for the role that you want to unassign. When both check boxes are deselected, the group editor role is assigned to the user.

Edit membership administrative page

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

  2. When you are finished, click the Close button Close button in the upper-right corner of the overlay.

Removing Users


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

To remove a user from a group:

  1. Navigate to the homepage of the group from which you want to remove a user. If you know the URL of the group homepage, enter it in the web browser's Address bar. If you do not know the URL of the group homepage, click your username on the right side of the administrative toolbar to display your user page, and then click the group name under Group membership.

  2. Click the Group tab at the top of the group homepage.

Tabs on the group homepage

  1. On the Group administrative page, click the People link.

Group administrative page

  1. The People administrative page displays a list of all the users in the group. Locate the user that you want to remove from the group, and then click the remove link in the Operations column.

Note: You can sort the list of users by clicking the column header of the field that you want to sort by. You can also search for a specific user by entering their username in the Name field at the top of the page, and then clicking the Apply button.

People administrative page

  1. On the Remove membership administrative 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 administrative page

  1. When you are finished, click the Close button Close button in the upper-right corner of the overlay.

Managing Group Content

Group administrators are responsible for maintaining specific content within a group. This includes the homepage of a group, the horizontal and vertical group menus, and any blocks that have been created for the group.

Managing Group Menus

There are two types of menus available on the Cal State LA web platform, horizontal menus and vertical menus. Every website can have a vertical menu in the left column which can only be enabled and modified by a group administrator. Horizontal menus are positioned below the banner and are available for colleges and divisions. Horizontal menus can only be enabled by the web administrator. Contact the web administrator for more information on horizontal menus.

To enable a vertical menu:

  1. Navigate to the homepage of your group.
  2. Click the New draft tab at the top of the page.
  3. Select the check box labeled Enable menu for this group.
  4. Save and publish the new draft.

Note: If you ever deselect the Enable menu for this group check box, the vertical menu will be deleted. Once deleted, it cannot be undone. If you enable it again, the menu will need to be rebuilt from scratch.

To add menu links:

  1. Navigate to the homepage of your group.
  2. Click the Group tab at the top of the page.
  3. On the Group administrative page, click Menus to display a list of your group’s menus.
  4. Locate the menu you want to modify and click add link next to the menu.
  5. Enter the link text in the Menu link title field.
  6. Enter the URL for the link in the Path field. If you are linking to a webpage that resides on the Cal State LA web platform, it is recommended to enter a relative path instead of a full path.
     
        Sample full path: http://www.calstatela.edu/support/how-to-guides
        Sample relative path: support/how-to-guides
     
    Note: The menu system can only link to webpages that exist. If you are planning to add a link for a new webpage, you must first create the new page. If you link to a webpage that is in a draft state and has never been published, the menu will automatically hide the menu link as soon as you add it. It will remain hidden until the webpage is published.
     
  7. Make sure the Enabled check box is selected. If you wish to hide the menu link, deselect this box.
  8. Enter Menu Link Attributes as needed.
     
    Note: By default, links to pages within the campus website will open in the same window, links to external websites will open in a new window or tab. To override this setting for the current link, set a Target attribute.
     
  9. Click the Save button. The link is added to the List Items tab which lists all the menu links.
  10. To add another menu link, click the Add Item tab and repeat steps 5 through 9.
  11. When you are finished building the menu, click the Close button Close button in the upper-right corner of the overlay. The menu will automatically update and display the changes.

To sort menu links:

  1. Navigate to the homepage of your group.
  2. Click the Group tab at the top of the page.
  3. On the Group administrative page, click Menus to display a list of your group’s menus.
  4. Locate the menu you want to modify and click list links next to the menu.
  5. To move a menu link, drag the cross icon corresponding to the link you want to move to its new position in the sort order. If you want a link to be a child of another link, drag the child link beneath the parent link, and then drag it to the right so it indents beneath the parent.
     
    Note: Child links display on the menu only when the parent link is active. A parent link is active when it is being viewed or when one of its child links is being viewed. If you prefer the child links to always display, edit the parent link and select the check box labeled Show as expanded.
     
  6. Repeat step 5 for all the links you want to move.
  7. When you are done sorting, click Save configuration to save the changes.
     
    Note: If you need to edit or delete a link after you have made changes to the sort order, make sure to save the changes before you click on any operation link. Otherwise, your sorting changes will be lost.
     
  8. When you are finished, click the Close button Close button in the upper-right corner of the overlay. The menu will automatically update and display the changes.

Note: For a vertical menu to render properly, links must be placed in the following structure. The first link must be the main parent of the menu. All other links must be child links of the first link. Make sure to check the Show as expanded option for the very first link on the menu. This structure requirement does not apply to horizontal menus.

Sample menu structure, the first link must be a parent to all other menu links

To edit menu links:

  1. Navigate to the homepage of your group.
  2. Click the Group tab at the top of the page.
  3. Click Menus to display a list of your group’s menus.
  4. Locate the menu you want to modify and click list links next to the menu.
  5. Locate the link you want to edit and do one of the following:
    • Click edit under the Operations column to edit the link.
    • Click delete under the Operations column to delete the link.
    • Select or deselect the Enabled option to show or hide the link.
  6. If you modify the Enabled setting, click Save configuration to save your changes.
  7. When you are finished, click the Close button Close button in the upper-right corner of the overlay. The menu will automatically update and display the changes.

 

Creating a Group Calendar

In order to use a Group Calendar, you must first enable it for your group. Only a group administrator can enable the group calendar. In order to add an entry to the calendar, you must have one of the calendar roles assigned to you. A calendar role can only be assigned to a group member by a group administrator. Once you are assigned a role, you will be able to create a Group Calendar Event which will appear as an entry in the group calendar. There are two roles associated with the group calendar, Group Event Editor and Group Event Approver. A group event editor can create a calendar event, but cannot publish it. A group event approver can create and publish calendar events.

Settings to enabling a group calendarTo enable a group calendar:

  1. Navigate to the homepage of your group.
  2. Click the New draft tab at the top of the page.
  3. Select the check box labeled List in Group Events Calendar.
  4. Under Event Categories, select the categories that you will use when creating calendar events.
     
    Note: Categories are optional and can be used to filter calendar events. Select categories to limit the categories that are displayed in a calendar’s category filter list. If none are selected, then all categories are displayed in the filter list.
     
  5. Save and publish the draft.

To assign a calendar role:

  1. Navigate to the homepage of your group.
  2. Click the Group tab at the top of the page.
  3. On the Group administrative page, do one of the following:
    • If you are assigning a calendar role to a new group member, click the Add People link.
    • If you are assigning a calendar role to an existing group member, click the People link, and then click the edit link corresponding to the group member you want to assign a role to.
  4. Select the check box next to the calendar role you want to assign.

Group member roles now include 2 calendar roles

  1. To save the settings, do one of the following:
    • If you added a new group member, click the Add users button.
    • If you are editing an existing group member, click the Update membership button.
  2. Repeat steps 3 through 5 to assign a calendar role to additional members.
  3. When you are finished, click the Close button Close button in the upper-right corner of the overlay.

To create a group calendar event:

Sample calendar enrty

  1. Click the Add content link on the shortcut bar.
  2. On the Add content ​administrative page, click the Group Calendar Event link.
  3. Enter the information for the event you want to add to the calendar. Make sure to fill in all required fields and to select the group that this calendar entry is for.
     
    Note: Images uploaded through the Photo field will always appear above the event’s content and will be resized to the width of the content column. If you want to position your images elsewhere or you do not want them resized, then insert your images within the WYSIWYG editor.
     
  4. Click the Save button at the bottom of the page.
  5. If you are an approver and you want to publish the calendar event, click the Moderate tab and use the Moderation Actions drop-down list to publish the event.

A Calendar's URL:

A group calendar’s URL contains variables that determine which calendar events to display in the calendar view. The URL format is as follows:

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

Note the three sequential pound signs that appear in the URL. These should be replaced with your group’s homepage node ID. However, a redirect can be requested to create a cleaner URL (e.g., www.calstatela.edu/calendar/sitename). Please contact the web administrator to request a redirect for your calendar. You will need to provide the name of your website in the request.

Requesting the Group Calendar Block for a Homepage:

If you would like a calendar block on your group’s homepage, you can submit a request to the web administrator. The calendar block will display the first 5 upcoming events from the current date and it will be positioned in the left column below your group menu. If you do not have a menu, the calendar block will be the first thing in the left column.

Sample calendar block

 

Logging Out


When access is no longer needed, web authors should log out of the Cal State LA web platform and close the web browser window.

To log out:

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

Log out link on the administrative toolbar