Page 1 of 1

responsive page

Posted: Thu May 14, 2020 10:45 pm
by alex4orly
This is a new website I am constructing:

The PDF document shows inside an iFrame : https://squadron-125.org.il/welcome.html

But when the html page is loaded on the welcome screen inside a Dialog, it claims that the PDF is corrupt:
https://squadron-125.org.il/home.php

Any suggestions?

Thanks

Re: responsive page

Posted: Fri May 15, 2020 6:16 am
by Pablo
It seems to work for me.
What do I need to do to see the error?

Re: responsive page

Posted: Fri May 15, 2020 6:38 am
by alex4orly
Well,
Between when I published my query and now I contined working on it and it is kind of OK
I don't seem to find a way, after publishing a query, to find it if I want to make changes to it, is that sitting waiting to be approved?

The remaining problem is that, after creating 2 break points at 320 and 480

1) It works OK on desktop or Tablet
2) It works OK on my Samsung s9 Mobile - in Landscape mode
3) It shows the Modal dialog too wide on the mobile in Portrait

Can you maybe see why?

Thanks

Re: responsive page

Posted: Fri May 15, 2020 6:57 am
by Pablo
I cannot see what you have done based on the HTML code.
To be able to help you, I need to see your settings.

Related FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Re: responsive page

Posted: Fri May 15, 2020 8:47 am
by alex4orly
Hello again,

I fixed the initial problem - here https://squadron-125.org.il/home.php by using the RZ iFrame extension.

Now, as instructed, I removed all external 3rd party items and created a cut down version : https://squadron-125.org.il/home2.php

The project file is here : https://squadron-125.org.il/125_topablo.wbs

A PDF describing the problems is here : https://squadron-125.org.il/project4pablo.pdf

Looking forward to your findings and instructions

Thanks in advance

Re: responsive page

Posted: Fri May 15, 2020 9:21 am
by Pablo
I am not sure if I understand you correctly, but is the problem that the size of the dialog is not correct in the 320 breakpoint?
In other words, this unrelated to the PDF?

The breakpoint of the dialog is set to 480 (in the RWD) properties. This means that below 480 the dialog will be full width.
However, this option only makes sense if 'Position children' is set to 'floating', because absolute/fixed content will not stretch.

So, either set the breakpoints to '100' or use floating content

Re: responsive page

Posted: Fri May 15, 2020 9:46 am
by alex4orly
Sorry, you are mentioning terms I am unfamiliar with
Which dialog are you reffering to?

Is that the main / home screen modal dialog or which?

Why is the home screen modal saying that the PDF is invalid?

Thanks

Re: responsive page

Posted: Fri May 15, 2020 10:06 am
by Pablo
I was referring to the dialog you have a problem with: Dialog1
My answer was in reply to:
It shows the Modal dialog too wide on the mobile in Portrait
TIP: if you share a project to get help then please remove all non-relevant content for the prevent so there cannot be any misunderstanding.

Re: responsive page

Posted: Fri May 15, 2020 11:07 am
by alex4orly
Sorry, I send a document with sevral problems, not only the one that you pointed out to me
The project file I uploaded has in it ONLY the pages with the problems described, nothing more

Thanks

Re: responsive page

Posted: Fri May 15, 2020 11:19 am
by Pablo
Please focus on one thing at a time. Otherwise it will get (even) more confusing.

Possible solution to the width problem:
The breakpoint of the dialog is set to 480 (in the RWD) properties. This means that below 480 the dialog will be full width.
However, this option only makes sense if 'Position children' is set to 'floating', because absolute/fixed content will not stretch.
So, either set the breakpoints to '100' or use floating content
I do not get any errors for the PDF. Keep in mind however that there is no support on (free) extensions. It is provided "AS IS". See also the documentation/license agreement.