Forms Archives - FBU Tracking & Knowledge Base

Alumni: Fix Employers Job Posting form issues

webdeveloper — Thu, 10 Oct 2024 05:53:55 +0000

It was found that a hidden field was not hidden and an extra email field was appended to the form.

The culprit was later found to be the compatibility issue between Gravity Form (v 2.8.18) and Gravity Forms Material Design plugin (the latest version 6.6).

The look and feel conflict issue was resolved on 10/13/2024, but the form failed to submit.

The post Alumni: Fix Employers Job Posting form issues appeared first on FBU Tracking & Knowledge Base.

Alumni: Adjust CEU Opportunities Form Layout

webdeveloper — Wed, 06 Sep 2023 04:17:35 +0000

Adjust form fields layout:

Align “Starting Date” and “Time” on the same line side-by-side.

Remove the extra shadow on the left side of the button.

The post Alumni: Adjust CEU Opportunities Form Layout appeared first on FBU Tracking & Knowledge Base.

Alumni: Story Sharing Feature

webdeveloper — Tue, 11 Jul 2023 21:58:26 +0000

Current Status: to decide whether to include sidebar or not for this feature…

Requirements:

The Story index/single pages are open to the public.
The Story Form can be accessed only by users with “Contributor” or above User Roles.
The initially submitted form entries are considered “drafts”.
Drafts should be moderated by the Editor before publishing for the public to view.

Updated on 11/17/2023

A. Create a Gravity Form with the following fields

Writer Name
Email
Story Subject
Story body
Contact phone number — The editing team will collect numbers for re-editing purposes but not release them to the public

Updated on 10/24/2023

B. Create frontend presentation pages

Story List – Individual Story

Reference to the typical WordPress Blog listing – Alumni News.

Set the Page layout similar to Alumni News with the same Sidebar.

The Sidebar content is from Right Sidebar 1 that includes “Recent Listings” and “Alumni News” content blocks
Appearance – Widgets – Right Sidebar 1

See screenshot below

Updated on 11/14/2023

C. Generate and display resized image file

For image uploaded through Gravity Form, generate at least 400px and height=512px size image files.

Load and display 400px image file for Index page (as in the Homepage and Story Sharing page)

Load and display height=512px image file for Single page.

Verify if the image size is correct for corresponding page

Verify it on New form entry
Verify it on updated image file on an existing form entry

Story Index Page

Story Single Page

Membership Levels

Sidebar Content

Sidebar width specs: 1/3 total width

The specs as a reference:

Sidebar Layout Design

Sidebar Link Color

Remove the Email Address field

Display uploaded image on top of the Story

Remove Purple background color

Add "Share Your Story" button and Remove Writer Name

Load 400px image to display on index page

Load 1024px image to display on single page

Changs on Index page display

Remove Date block
Limit the length of Story excerpt to around 200 characters

Change on Single page image

Instead of resizing the longest side of the uploaded image at 1024px, set the width at 1024px, and maintain the image’s aspect ratio.

Examples:

Landscape mode image:
4096 / 2304 = Aspect Ratio 16/9 => 1024 / 576 = 16 /9 = 1.778

Portrait mode image:
2304 / 4096 = Aspect Ratio 9/16 => 1024 / 1820 = 9/16 = 0.563

The Width is always set at 1024
and still maintain the Aspect Ratio ( width / height ratio)

Append Ellipsis (...) to the truncated Story Excerpt

Specs change on Single page image

Resizing the height of the uploaded image at 512px, and maintain the image’s aspect ratio.

Examples:

Landscape mode image:
4096 / 2304 = Aspect Ratio 16/9 => 910 / 512 = 16 /9 = 1.778

Portrait mode image:
2304 / 4096 = Aspect Ratio 9/16 => 288 / 512 = 9/16 = 0.563

The height is always set at 512
and still maintain the Aspect Ratio ( width / height ratio)

Default image for Stories without uploaded image

Use the attached image to display on the Homepage and Index page of Story Sharing.

Not to display image on the Single page if no image is uploaded when the form is submitted.

This task was closed on 2/13/2025 due to no new requests for a substantial period of time.

The post Alumni: Story Sharing Feature appeared first on FBU Tracking & Knowledge Base.

Fix Form display misaligned issues and font size on mobile device

webdeveloper — Fri, 23 Sep 2022 04:06:33 +0000

The form content is not aligned properly on all device: desktop, tablet, and mobile.

The post Fix Form display misaligned issues and font size on mobile device appeared first on FBU Tracking & Knowledge Base.

Form: Future Student

webdeveloper — Thu, 03 Feb 2022 01:21:51 +0000

Status: Closed; Priority: N/A

Fixed: Need to adjust the form display. Currently many elements are off place.

Test Page: Future Student
The form will show up after anything is entered in the Email field.

The post Form: Future Student appeared first on FBU Tracking & Knowledge Base.

Forms – Import all forms from Old site

webdeveloper — Fri, 13 Aug 2021 06:32:02 +0000

Status: Closed; Priority: N/A

Export all forms from the old site, and import all to the new site.
Remove the redundant forms (function-wise overlapping with current forms in the new site)

Old website

New website

The post Forms – Import all forms from Old site appeared first on FBU Tracking & Knowledge Base.