code JotForm Lightbox in 7.1

Posting a solution to an issue I had...hopefully it saves someone an entire day of searching online for an answer.

JotForm's embedded lightbox works in 7.1 but the button is ugly...and won't match your site styles.

To make it match, replace btn in the last part of the embedded JotForm Code Block
      <a class="btn lightbox- 123456789012345 " >
        Button Name
      </a>
with sqs-block-button-element--medium sqs-block-button-element

It should look like this:

      <a class="sqs-block-button-element--medium sqs-block-button-element lightbox-123456789012345" >
        Button Name
      </a>

And to center the button, put <center> on Line 1 of the code block and  </center> on the last line.

14 hours ago, GlenwoodMedia said:

Posting a solution to an issue I had...hopefully it saves someone an entire day of searching online for an answer.

JotForm's embedded lightbox works in 7.1 but the button is ugly...and won't match your site styles.

To make it match, replace btn in the last part of the embedded JotForm Code Block
      <a class="btn lightbox- 123456789012345 " >
        Button Name
      </a>
with sqs-block-button-element--medium sqs-block-button-element

It should look like this:

      <a class="sqs-block-button-element--medium sqs-block-button-element lightbox-123456789012345" >
        Button Name
      </a>

And to center the button, put <center> on Line 1 of the code block and  </center> on the last line.

That would be helpful