Allow using classes in {mauticform element=button-selector}

[karser]

Q	A
Bug fix?	Yes
New feature?
MauticBox url	https://mautibox.com/7510/page/preview/4#
Related user documentation PR URL	mautic/documentation#305
Related developer documentation PR URL
Issues addressed (#s or URLs)
BC breaks?
Deprecations?

Description:

This PR allowed using selectors which point to multiple elements in {mauticform} token.

Before (supported only single element link):

<a class="btn btn-default" href="#" id="call-to-action-one">Click me</a> <!-- trigger button -->
{mauticform id=2 style=modal element=#call-to-action-one} <!-- setup modal form -->

<a class="btn btn-default" href="#" id="call-to-action-two">Click me</a> <!-- trigger button -->
{mauticform id=2 style=modal element=#call-to-action-two} <!-- setup modal form -->

After (classes along with multiple elements can be used):

<a class="btn btn-default call-to-action-btn" href="#">Click me</a> <!-- trigger button -->
<a class="btn btn-default call-to-action-btn" href="#">Click me</a> <!-- trigger button -->

{mauticform id=2 style=modal element=.call-to-action-btn} <!-- setup modal form -->

Steps to test this PR:

1. Load up this PR
2. Put a form snippet on a Landing Page, e.g {form=2}
3. Make sure that Before(selecting one button by id) and After (selecting multiple buttons by classes) cases work.

[karser]

I added the same changes to getFormLink (as in #7534) and reproduced environment in MauticBox https://mautibox.com/7510/page/preview/4 - everything works as expected
@npracht @kuzmany is there a change to merge this PR to 2.15.2 along with #7534?

[RCheesley]

Trying to test this in Mautibox but I am not able to get the forms to display as modal.

Using the following code, as the examples above are using incorrect form shortcode for landing page builder:

<h2>Before</h2><a class="btn btn-default" href="#" id="call-to-action-one">Click me</a>
<!-- trigger button -->{form=2 style=modal element=#call-to-action-one}
<!-- setup modal form -->
<a class="btn btn-default" href="#" id="call-to-action-two">Click me</a>
<!-- trigger button -->{form=2 style=modal element=#call-to-action-two}
<!-- setup modal form -->

<h2>After</h2><a class="btn btn-default call-to-action-btn" href="#">Click me</a>
<!-- trigger button -->{form=2 style=modal element=.call-to-action-btn}
<!-- setup modal form -->

Result:

https://mautibox.com/7510/testing-7510

Not sure if maybe something has changed re. forcing a form to open in modal or if I'm missing some important part in the test instructions.

[RCheesley]

As this is the same issue as the other PR we closed, I'm going to close this one down as well (given that it does not work in modal-mode).

[mautibot]

This pull request has been mentioned on Mautic Community Forums. There might be relevant details there:

https://forum.mautic.org/t/announcing-mautic-2-16-1-beta/13438/1