Lighbox Forms,

Garry-Fenton wrote on 4/12/2022, 5:22 AM

Above this is how my Lightbox Jot forms are displaying, I am also talking to Jot forms about this

Should be one form, but are stacked, Not sure if is the coding on the form or a problem with Xara

Any help or ideas would be great

Thank You

Comments

johnebaker wrote on 4/12/2022, 7:54 PM

@Garry-Fenton

Is the left image from the Mobile version or the Main page in Designer Pro?

If it is the mobile page version then the layout will be more stacked due to the reduced width of the page.

If from the Main page then has the placeholder been reduced in width?

John EB
Forum Moderator

Garry-Fenton wrote on 4/13/2022, 2:58 AM

Hi John

Thank you for the reply to my question

They are both desktop and mobile. it is a lightbox form via Jot forms. Have tried increasing the size, but no change still displays two forms.

This problem is solved by deleting / removing from Xara either from Desktop of mobile.

I have contacted Jot Forms to see if the scrip was the issue, but they have said I should use an iframe.

Here is the script for the lightbox (note the bold type is to display a buttion)

Thanks and regards

Garry

var JFL_xxxxxxxxxxxxx = new JotformFeedback({

formId: 'xxxxxxxxxxxxx',

base: 'https://form.jotform.com/',

windowTitle: 'BBMF Print Order Form ',

background: '#000000',

fontColor: '#ffffff',

type: '2',

height: 700,

width: 700,

openOnLoad: false

});

</script>

BBMF Print Order Form

</a>

<style>

.lightbox-xxxxxxxxxxxxx {

cursor: pointer;

border: 2px solid #004238;

border-radius: 3px;

background: #f98e03;

color: #fff;

padding: 5px;

}

</style>

johnebaker wrote on 4/13/2022, 10:13 AM

@Garry-Fenton

. . . . They are both desktop and mobile. it is a lightbox form via Jot forms. . . . .

Which page did you add the Jotform to - the Main, Mobile or both?

I have removed what looks like an account identifier from the code you posted - please do not post any instances of personal identification or account ID's.

John EB