Start button issue with Widget react

Hi @BenjaminP Could you share the URL where you have the form located? Thanks!

Hello Liz, did u mean the website ?

Hi @BenjaminP Yes, that’s correct. We’ll need the specific URL on that website where the form is embedded to take a look into this. 

Hey @BenjaminP don’t forget to share the website URL here so we can take a look at your embed 😊

Hey everyone, i’m sorry i didn’t see your message.

Here the link of the website where i use typeform, you need to sign in and the typeform appear

Big thanks !
Benjamin

Hi @BenjaminP Thank you! Do you have the form on a public page we can access to see the issue? 

Hello @Liz if i create an account for you and you have just to log in to get an access to the form will be ok ?

Hi @BenjaminP The best thing to do would be to place the form on a public page so we can see what’s happening fully. Though, if you do need to create an account for access to the form, the best thing to do might be to contact our support team for 1-1 help here, as that’ll allow you to send private information over to them!

Hey @Liz, sorry for the delay but here is the public page for the typeform

https://codesandbox.io/s/typeform-start-button-problem-mobile-2ytjdd?from-embed

But the problem is the start button doesn’t appear on this sandbox code but still on my app.
I can maybe share a private loom for explain/show ?

@mathio do you happen to see anything in the above code that would prevent the start button from appearing? 

the button start must not appear at all.
The current behavior is that it doesn't appear in the desktop version, and it does appear in the mobile version.

Hello @BenjaminP 

it looks like you are referring to the welcome screen being displayed on mobile. This is to make sure the typeform opens in fullscreen modal window to provide better user experience to your respondents.

However if you would like to disable it, in React you can add inlineOnMobile prop to your Widget component like this:

<Widget
  id={"HX82QV9G"}
  style={{ width: "100%", height: "700px" }}
  className="my-form"
  inlineOnMobile
/>

For further information make sure to check out our embed SDK README file and our developer portal.

Hi,

I’m having this issue with my Google Site. Where would I put the inlineOnMobile code in order to bypass the welcome screen being displayed on mobile? 

Here is a screenshot of where I input the embed code for the form on my Google Site:

Hello @lindsay_moonspin ,

this thread is related to React Embed SDK.

Since you are building the snippet using the share page, you can disable the full screen functionality on mobile that will also disable the welcome screen. You need to turn off this toggle (on the right hand side of the screen):

thank you @mathio - worked like a charm!