Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
design(gutenberg): give gutenberg block concept #2456
changed the title from
Gutenberg: Create a donation form inert block
Gutenberg: Create a donation form block
Dec 5, 2017
Here's an idea of what a Give Donation Form block could look like in Gutenberg. The general idea is to adapt the existing functionality of the Shortcode Generator while capitalizing on the advantages that Gutenberg offers, such as real-time form previews.
Give Gutenberg Block Concept
In Gutenberg, the functionality of the existing Shortcode Generator can be split amongst the Block and the Inspector. I have demonstrated how this Block/Inspector combination can work below.
Default Block Appearance
Block Appearance After Form Selection
Note that to have full parity with our existing shortcode, we'll also need this:
This was referenced
Jan 26, 2018
added a commit
Jan 30, 2018
I just wanted to show the progress done so far on Gutenberg Donation Form Block.
Here is the screencast of Donation Form Block: http://recordit.co/myIknPX61I
The Donation Form Block embed the form preview base on the parameters selected in Block Control panel. The embedding technique to preview the form will ensure consistent preview as there might have been add-on plugins which would have been hooking custom fields in the donation from. The Form Preview will get refreshed to show new preview each time when user change the form settings from the Block Control panel.