aurovrata / cf7-grid-layout

A WordPress plugin extension for Contact Form 7 to design responsive grid-layout forms.
https://wordpress.org/plugins/cf7-grid-layout/
GNU General Public License v2.0
6 stars 7 forks source link

Enable custom HTML block #33

Open aurovrata opened 2 years ago

aurovrata commented 2 years ago

@anton-vrba suggest to introduce a custom HTML block which the UI will simply ignore,

Clipboard02

aurovrata commented 2 years ago

Instead of rendering text or any other HTML inside this block, I suggest to make it into a collapsible textarea (editable) so as to make it appear cleaner on the UI.

wiliamjk commented 1 year ago

I have a suggestion for this issue thinking about what is being discussed here.

HTML could be a field type to be chosen among the CF7 field options.

Captura de Tela 2022-12-20 às 20 32 48

Choosing this field, the second modal is directed only to include the HTML that the user wants to insert in the form.

That way, the HTML would look like a "block" that the user can drag and rearrange within their form.

aurovrata commented 1 year ago

good point.

Another functionality which currently I am unsure how to integrate into the UI is the integration with the Conditional Fields for CF7 plugin.

It uses the [group][/group] shortcode which wraps around another field tag shortcode to conditionally show it. In v4 users have been including the [group] tag in the HTML editor so as to render whole HTML sections conditional. This causes the [group] tag to appear in odd places in the UI editor making it a little akward.

group

Any ideas how to handle this? Maybe @pwkip has some suggestions?

Here is one idea that I have been considering:

THis has been moved to a new issue #34

aurovrata commented 1 year ago

This is now included and ready to test in in v5 beta 7