Editbox in responsive web design

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
olivier
 
 
Posts: 6
Joined: Thu Oct 12, 2023 8:44 pm

Editbox in responsive web design

Post by olivier »

Hello everybody,
I have a problem to show a HTML frame (it could be a shape or whatever, it would be the same, I tried...) with an editbox (where I enter a password) + submit button. This, only if I am on 320px breakpoint... If I use default breakpoint (laptop size) it's working fine.
But if I enter my password in 320px size and then I switch to default size, my HMTL frame is displayed....
Any idea? Thank you for your answers.
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Editbox in responsive web design

Post by crispy68 »

Are you saying that you are using an iFrame to show and editbox (on another page) inside the iFrame?
User avatar
Pablo
 
Posts: 23249
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Editbox in responsive web design

Post by Pablo »

Note that a browser treats an inline frame as separate browser window. So, this window has its own breakpoints, based on the size of the frame.
olivier
 
 
Posts: 6
Joined: Thu Oct 12, 2023 8:44 pm

Re: Editbox in responsive web design

Post by olivier »

It's not in an Iframe. The editbox is on my page. But as I'm doing a responsive website, I have to sizes of this page (laptop and smartphone sizes). On laptop the editbox is working fine but on smartphone size, not.
User avatar
Pablo
 
Posts: 23249
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Editbox in responsive web design

Post by Pablo »

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134
olivier
 
 
Posts: 6
Joined: Thu Oct 12, 2023 8:44 pm

Re: Editbox in responsive web design

Post by olivier »

Here is the link www.garlan-agencement.fr/PlanningTest.html
To try it enter in the edit box word: try
olivier
 
 
Posts: 6
Joined: Thu Oct 12, 2023 8:44 pm

Re: Editbox in responsive web design

Post by olivier »

I forgot, the problem occured in 320px size. When you enter the password and submit, you should get a Google Agenda.
User avatar
Pablo
 
Posts: 23249
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Editbox in responsive web design

Post by Pablo »

I'm sorry, but I was asking for a project file (wbs)

I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134
olivier
 
 
Posts: 6
Joined: Thu Oct 12, 2023 8:44 pm

Re: Editbox in responsive web design

Post by olivier »

Excuse me, the link to the demo file: https://1drv.ms/u/s!Al9_PGdFDAwlivQD9-h ... A?e=Sip4Qt
User avatar
Pablo
 
Posts: 23249
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Editbox in responsive web design

Post by Pablo »

Are you maybe referring to 'events'?
In that case, this may be helpful
"When using events, the visibility is affected by breakpoints"
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817

If that is not your question, then can you please be more specific, because there are many objects in your project so that makes it very difficult to determine where to look for an issue.
olivier
 
 
Posts: 6
Joined: Thu Oct 12, 2023 8:44 pm

Re: Editbox in responsive web design

Post by olivier »

Spot on! Thank you very much, that was link to 'Conditions'. I disabled 'Include visibility' and it works fine.
Post Reply