Error when breakpoint checked in "Dialog"

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
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

Error when breakpoint checked in "Dialog"

Post by heynen »

Dear all,

I want the headline of a dialog box to be smaller on screens with a width of less than 340 pixels.How do I achieve that?

In the settings for the "dialog", you can only change the headline font size for all screen sizes. If I activate the checkbox "responsive web design" for the "dialog", the dialog (and sometimes my whole page) isn't displayed properly.

I could of course hide the original box in the breakpoint under 340 pixels, and build a new one for that breakpoint, but then I also have to create a new link that opens the new box only in the smallest breakpoint (seems too complicated).

So how can I make sure the breakpoint feature works properly with the dialog box?

The page is here https://www.freiblatt.de/test (The dialog opens when you click the link "Für Eilige", marked yellow.)
The project file is here https://www.freiblatt.de/test/project/Test.wbs
Images etc are here https://www.freiblatt.de/test/project/Test.7z

Thank you very much in advance!
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Error when breakpoint checked in "Dialog"

Post by Pablo »

What exactly do I need to do to see the problem?

For details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

Re: Error when breakpoint checked in "Dialog"

Post by heynen »

thank you for your fast reply.

If you open the demo project and then go to the "RWD" tab of the dialog, and then activate a breakpoint there, the layout of the page is broken.
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Error when breakpoint checked in "Dialog"

Post by Pablo »

The RWD value specifies when the dialog will go to 'full width' mode.
You are using 'absolute' layout so obviously this will not work. This only works for floating layout because then the child elements will automatically scale.

For absolute layout, you will have to manually update the layout for each breakpoint.
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

Re: Error when breakpoint checked in "Dialog"

Post by heynen »

Thanks. Now I understand.

Is there a possibility to change the headline font in one breakpoint only? So to make the headline font size responsive?

Or do I have to create an entire new object in that breakpoint?
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Error when breakpoint checked in "Dialog"

Post by Pablo »

The dialog does not support responsive font size.
The reason for this is that the dialog is created via JavaScript.
heynen
 
 
Posts: 128
Joined: Sun Dec 31, 2017 4:27 pm

Re: Error when breakpoint checked in "Dialog"

Post by heynen »

Thank you, I get it now.

Is there another possibility in wwb to implement this?
I just need an overlay windowv that pops up and covers the rest of the page until it is closed. I don't need the other functions that the dialog offers.
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Error when breakpoint checked in "Dialog"

Post by Pablo »

Maybe use a modal layer instead?
https://wysiwygwebbuilder.com/morelayers.html
Post Reply