Skip to content

Update Default Form Styling#1640

Merged
Crabcyborg merged 170 commits into
masterfrom
redesign-fields-styles
Aug 1, 2024
Merged

Update Default Form Styling#1640
Crabcyborg merged 170 commits into
masterfrom
redesign-fields-styles

Conversation

@shervElmi
Copy link
Copy Markdown
Contributor

@shervElmi shervElmi commented Apr 18, 2024

This PR updates and redesigns the default form fields styling.

QA URLs:

Frontend URL: https://qa.formidableforms.com/sherv/wp-admin/admin-ajax.php?action=frm_forms_preview&form=new-style-fields

Admin URL: https://qa.formidableforms.com/sherv/wp-admin/admin.php?page=formidable&frm_action=edit&id=71

Pro Version PR:

https://github.com/Strategy11/formidable-pro/pull/5012

Testing Instructions:

  1. Go to WP Admin > Formidable > Forms.
  2. Create a new Form and add fields in the Output sections mentioned below.
  3. Verify that the updated design is applied correctly without any bugs.

Note: Make sure to tap the "Reset to Defaults" button to apply the new styles as shown below:

CleanShot 2024-05-23 at 14 09 15@2x

Output:

Input, Textarea Elements:

CleanShot 2024-05-23 at 18 46 52@2x
CleanShot 2024-05-23 at 18 59 29@2x

Select Element:

CleanShot 2024-05-23 at 18 55 51@2x

International Phone Element:

CleanShot 2024-05-23 at 18 58 06@2x

Checkbox Elements:

CleanShot 2024-05-23 at 19 06 41@2x
CleanShot 2024-05-23 at 19 08 29@2x

Radio Button Elements:

CleanShot 2024-05-23 at 19 10 07@2x

Button Elements:

CleanShot 2024-05-23 at 19 16 25@2x

File Upload Elements:

CleanShot 2024-05-23 at 19 23 02@2x
CleanShot 2024-05-23 at 19 23 36@2x
CleanShot 2024-05-23 at 19 24 02@2x

Calendar Element:

CleanShot 2024-05-23 at 19 26 06@2x

Slider (Range Input) Elements:

CleanShot 2024-05-23 at 19 30 52@2x

Stepper Elements:

CleanShot 2024-05-23 at 19 32 02@2x
CleanShot 2024-05-23 at 19 32 16@2x

Star Rating Element:

CleanShot 2024-05-23 at 19 35 00@2x

Section Elements:

CleanShot 2024-05-23 at 19 36 39@2x
CleanShot 2024-05-23 at 19 35 59@2x

Error State:

CleanShot 2024-05-23 at 19 00 37@2x

This was referenced Feb 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants