Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enable custom HTML block #33

Open
aurovrata opened this issue Sep 25, 2022 · 4 comments
Open

Enable custom HTML block #33

aurovrata opened this issue Sep 25, 2022 · 4 comments

Comments

@aurovrata
Copy link
Owner

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

Clipboard02

@aurovrata
Copy link
Owner Author

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
Copy link

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
Copy link
Owner Author

aurovrata commented Dec 21, 2022

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:

  • the Conditional plugin relies on group names to setup conditional rules. I assume it scans the form (html) to pick up the [group] tags and create a list of group names.
  • create a conditional option on the columns and rows edit dropdown, either selecting an existing group name (if any) or allowing a new group to be created.
  • insert into the HTML code a [group] tag around the column cell or entire row for the Conditional plugin scripts to scan and pick up.
  • strip the [group] tags from the HTML form so as not have them display on the UI

THis has been moved to a new issue #34

@aurovrata
Copy link
Owner Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants