Events – FBU Tracking & Knowledge Base

Fix: Community Events Calendar Page Error

webdeveloper — Wed, 08 Nov 2023 02:59:15 +0000

The link to Community Services Events page caused 404 Not Found Error.
https://www.fivebranches.edu/events/category/community-services/

After adding “Community Services” Event Category, the page responds properly without causing 404 Not Found error.

Fix: Events Section hour info display error

webdeveloper — Tue, 15 Aug 2023 23:37:51 +0000

The Events Section on the Homepage should be based on the Timezone set up in the WordPress General settings which is “Los Angeles“

Currently the hour info displayed on the Homepage is different from the hour info entered in the Events.

Not to display the hour info if the Event is a whole day event.

Corrected Hour Info Display

Fix Date format on Chinese Event page

webdeveloper — Fri, 28 Jul 2023 07:26:33 +0000

The Date format on Chinese page is wrong. The upper part should be Month, and lower part, Date.

This is just to show the correct Month/Date format on Chinese pages, the background CSS settings should be the same as the first screenshot.

Corrected Date format

Redesign Event Landing Page

webdeveloper — Wed, 26 Jul 2023 03:01:38 +0000

Redesign Landing Page with multiple steps with Warning prompt before exiting the page

Implement it first on the dev site for evaluation
https://dev.fivebranches.edu/

Use the existing event on the dev site as an example
Santa Cruz Onsite DTCM/MTCM Open House

The Form used: ID=2: Event: DTCM/MTCM Enrollment

Customizable texts

The Button Label cane be customized by the Editor through the parameter in the shortcode:
cta_btn_text=”Submit”

The pop-up message window if the user exit without finishing the form filling can also be customized by the Editor by setting the following parameters:
second_title=”Title Text Here”
second_dec=”Description Text Here”
stay_btn_txt=”Stay Button Text”
leave_btn_txt=”Leave Button Text”

So to customize all available parameters, here is the example of complete shortcode
[wpos_event_sing_up cta_btn_text=”Submit” second_title=”Title Text Here” second_dec=”Description Text Here” stay_btn_txt=”Stay Button Text” leave_btn_txt=”Leave Button Text”] (the Gravity form) [/wpos_event_sing_up]

Current Design

The Sign Up form is built in or embedded as part of the page

New Design Reference

This design mainly contains 3 steps (or layers)

First step:

Display a CTA button for the user who plans to reserve a seat

On Desktop screen: the Reserve Seat section is on the right

On the Mobile screens, the Reserve Seat section is sticky to the bottom.

The video on the left shows that the Reserve Seat section stay at the bottom while screen is scrolling upward.

Second step:

Pop up a form for the user to fill in necessary fields over the existing page (become a background)

The Form is built with Gravity Form plugin.
Move current Form to this 2nd layer. (as shown on the right column below)

Third step:

On the second step, the user either
complete the form filling and click the submit button

or click close or exit icon abandoning the form filling.
In this case display another pop up message as the screenshot below…

Customized first layer for new design

Keep only the Click-to-action button for the first layer

Customized 3rd layer for new design

Customized text to display

Customized text displayed

Make 1st layer content block sticky

Build whole content block in shortcode, making it sticky at the bottom of mobile screen

Make the text more apparent to the user

Reference

Works fine on Chrome

Not together on Edge and Friefox

Latest Events Section: Correct the Date block

webdeveloper — Tue, 11 Apr 2023 05:33:30 +0000

Replace the Chinese character Month (月) with the number of Date

To fix

Correct format

Events Calendar: Remove “Latest Past Events” from the main Event page and its Category pages

webdeveloper — Wed, 05 Apr 2023 04:41:02 +0000

Events: Event links lead to 404 error page

webdeveloper — Thu, 15 Dec 2022 18:45:50 +0000

It works fine after resolving some server site cache issues.

Events: Other pages with 3 upcoming event announcements

webdeveloper — Tue, 22 Mar 2022 03:46:02 +0000

Pages that require “3 upcoming event announcements” section:

DTCM/MTCM Program homepage
https://dev.fivebranches.org/dtcm-mtcm/
DTCM/MTCM Admissions
https://dev.fivebranches.org/dtcm-mtcm/admissions-masters/
Event Category: DTCM/MTCM Admissions Events
~~DAOM~~
https://dev.fivebranches.org/doctorate-ph-d/admissions/
Event Category: DAOM Admissions Events
Bridge Program homepage
https://dev.fivebranches.org/dtcm-bridge-doctoral/
Bridge Program Admissions
https://dev.fivebranches.org/dtcm-bridge-doctoral/bridge-admissions/
Event Category: Bridge Admissions Events
DAc/MAc Program homepage
https://dev.fivebranches.org/dac-mac-dual-degree-program-1/
DAc/MAc Admissions
https://dev.fivebranches.org/dac-mac-dual-degree-program-1/admissions/
Event Category:

Apply the design for DTCM/MTCM to pages mentioned above, except DAOM.
Apply also to their corresponding Chinese pages.

Display “There are no upcoming events for this program at the moment.” if there is no events available to display.

Design two kinds of “3 upcoming event announcements” content blocks. One to be placed in a full width section, the other, share the full width with left and right sidebars.

To fix:

DTCM/MTCM Dual-Degree Program

Fixed: Display the Time Zone on a separate line below, as shown on the 1st screenshot above.

Bridge Admissions

This “3 Upcoming Events Announcement” will be used on several different pages. The shortcode should be designed such that it can be used on the lower section of a page where it takes up full width like “DTCM/MTCM Dual-Degree Program“, but also on a higher section on a page where it displays to the right of a sidebar such as “Bridge Admissions“.

There are FOUR Programs that require Upcoming Event Announcements as stated above.

Retrieve and display their own events on their own pages.

Not to apply one Programs events to all other Programs’ pages.
[upcoming_events category=”153“]
Set different Event Category for different Programs.

Fixed: The padding takes up too much space.
Cut the left-right padding from 30 px to 15 px.

Events: Customizing Single Event Page

webdeveloper — Tue, 22 Mar 2022 00:03:09 +0000

Status: Closed; Priority: N/A

Fixed
1. Add Location
2. Add Year

Test page:
DTCM/DAc Admissions Info Session for Spring Enrollment

Add Location

Add “location” after “Date” as shown above.
Add not just on the upper part (upper image) of the Event content, but also the the Related Events area (2nd image).

location such as Online Event, Santa Cruz campus, etc.

Display “location” above the date-time line as follows:
Online Event
October 16 @ 2:00 pm – 4:00 pm PDT

Add Year

Add “year” to make it clear to the user, especially for passed events.

Events: DTCM/MTCM 3 upcoming event announcements

webdeveloper — Mon, 14 Mar 2022 08:42:45 +0000

Retrieve the 3 latest events from the Event Category the page belongs to, in this case, “DTCM/MTCM Admissions Events” .

For each event, drop the related fields on respective location as depicted in the screenshot below.

Data fields to display

Event start date
~~Static string~~ (drop this one, remove the extra space)
Event title
Events date/time
Link that leads to the Event details

To fix:

DTCM/MTCM Dual-Degree Program

Fixed: Display the Time Zone on a separate line below, as shown on the 1st screenshot above.

Bridge Admissions

Set the space between two columns 30 px,
With 15 px from each column, that is.

Fixed: The Event Announcement block width is way out of the content block of the whole page on Tablet screen mode.