Delete Account Button exits field of view in mobile wiew. breakpoint 480

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
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

Hi
I am trying to use this Delete Account button from the Login tools, and it exits the field of view in 480 breakpoint (mobile view). Meaning, it expands too much. Like, outside the layout grid.

Also, the option in the button settings: "Full width" will NOT switch off in Delete account button.

Tnx

demo :
https://anonfiles.com/t7C00dofyc/DeleteAccount_wbs
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by Pablo »

Based on the project file, it looks like you are not using the most recent version of the software.
The current version is 17.3

Also, note that in this case you do not need to use breakpoints.
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

Now, It's in the most recent version in this demo. I think.

Same problems.


In the case in which I made a DEMO for you, is the case in which I just wanted to show the problem that occurs with the Delete buttom that I am trying pointing to.
I have a much much bigger page in which I am using this actual "Delete Account Button" and I do need the breakpoints in it. I just didn't wanted to make a page too complicated as there is no need to it.

Can you please check and correct the problem if possible?

Thank you in advance for your time.

GREAT JOB by the way on this program. I LOVE it! This is the third version I own.

Tnx

DEMO: https://anonfiles.com/Rei21co7yb/deleteAccountV2_wbs
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by Pablo »

For me, the project works correct in the latest version.
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

OK. I have made video to show you that it doesn't. For me atleast.
I have pointed out in the video the two problems this button causes: VIDEO: https://streamable.com/ng350g
The previous (last) DEMO was made using latest version: WYSIWYG Web Builder 17.3.0 (last update: June 8, 2022)

1. The breakpoint where the button goes Outside view point (outside layout grid). This Much bigger problem for me.
2. the problem where you can't switch off the "full width" option.
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by Pablo »

The demo you shared yesterday was created in 17.2

The latest build is from June 9, 2022 (17.3)
Can you please make sure that you have the latest build?
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

The first DEMO i shared was created with older version, Yes. I named that Demo: DeleteAccount

Then I updated the app and made a new DEMO.
This newer DEMO was created using latesst version. I named the demo V.2
DEMO: https://anonfiles.com/Rei21co7yb/deleteAccountV2_wbs

This one I made again just now, also using newest version (I named this Demo V.3): https://anonfiles.com/Dcw79do0y2/deleteAccountV3_wbs

Here is a video showing that I am using it in the latest version of WYSIWYG: https://streamable.com/wl9abr

The problems are all still there.

Where and what am I doing wrong? I am just not sure. Please help.

Tnx
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

OK.
Now, just now, an even newer version appeared on Download page: WYSIWYG Web Builder 17.3.0 (last update: June 10, 2022)

This newest fix, fixed the problem with Delete Account button going outside viewing point, going outside layout grid in 480 Breakpoint.

But, the option "Full width" still can NOT be deactivated.

But, atleast, it does not go outside layout grid. That's most important for me. For now.

Thanks for your help Pablo.

Sorry I had to chase this out, but it is causing problems, and then Google makes problems too.
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by Pablo »

For me, the full width property works.

Did you click 'OK' after changing the value?
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

Pablo wrote: Fri Jun 10, 2022 11:17 am For me, the full width property works.

Did you click 'OK' after changing the value?
Yes, ofcourse I did. You can see what I did in the video.


Now, there is another problem I have found with this Delete Account Button that I have discovered.
I need this option to work/operate like this.

I have created:
1x "Particles Button"
1x "Delete Account" Button
1x "Button"

I have hidden the "Delete Account" and "Button" using Object manager, and left "Particles Button" visible. Same setup in all breakpoints.

I have made "Events" for "particle button" to do this on CLICK: "show with efect" the "Delete Account" and "Button"
And also, I have made "Events" for "button" to do this on CLICK: "hide with efect" the "Delete Account" and "Button"

Now, in the Breakpoint 480, the "Delete Account" LOOKS like it stayed inside the Layout grid, but it did NOT.

Check the video and DEMO.
DEMO: https://anonfiles.com/fcm5A5o2yc/Outsid ... EVENTS_wbs

VIDEO: https://streamable.com/a4pp7t
User avatar
Pablo
 
Posts: 23488
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by Pablo »

Sorry, I cannot find anything wrong based on your description.
For me, the full width property works correctly.

In the video, you are not using the latest build.

About the events:
Please read "When using events, the visibility is affected by breakpoints."
https://wysiwygwebbuilder.com/forum/vie ... 10&t=63817
VEDRAN
 
 
Posts: 86
Joined: Tue Feb 09, 2021 9:54 am
Contact:

Re: Delete Account Button exits field of view in mobile wiew. breakpoint 480

Post by VEDRAN »

Full width Now works, but it wasnt before. But works now. thats important. :wink:

Anyway, I think I have found what was the problem.

The extension "Particles Button" was causing this problem in Breakpoint 480.
Now, I tried to use normal button in the Breakpoint 480 with the events i used before, and now its ok.

So, we solved the problem.

Thanks Pablo for the effort. I know how frustrating and all people can be when something doesn't work.
Post Reply