responsive page

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
User avatar
alex4orly
 
 
Posts: 986
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

responsive page

Post by alex4orly » Thu May 14, 2020 10:45 pm

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive page

Post by Pablo » Fri May 15, 2020 6:16 am

It seems to work for me.
What do I need to do to see the error?

User avatar
alex4orly
 
 
Posts: 986
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: responsive page

Post by alex4orly » Fri May 15, 2020 6:38 am

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive page

Post by Pablo » Fri May 15, 2020 6:57 am

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

User avatar
alex4orly
 
 
Posts: 986
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: responsive page

Post by alex4orly » Fri May 15, 2020 8:47 am

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive page

Post by Pablo » Fri May 15, 2020 9:21 am

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

User avatar
alex4orly
 
 
Posts: 986
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: responsive page

Post by alex4orly » Fri May 15, 2020 9:46 am

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive page

Post by Pablo » Fri May 15, 2020 10:06 am

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.

User avatar
alex4orly
 
 
Posts: 986
Joined: Mon Jan 20, 2014 8:17 am
Location: Australia
Contact:

Re: responsive page

Post by alex4orly » Fri May 15, 2020 11:07 am

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

User avatar
Pablo
 
Posts: 21525
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: responsive page

Post by Pablo » Fri May 15, 2020 11:19 am

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.

Post Reply