Admin tools and buttons not 100% responsive

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
bigdaddyk
 
 
Posts: 13
Joined: Sun Sep 03, 2017 3:16 am

Admin tools and buttons not 100% responsive

Post by bigdaddyk » Thu Oct 19, 2017 6:09 pm

Ok this one is driving me crazy!

I can't seem to get the 'Login" tool forms to be 100% responsive when using breakpoints. I have placed them inside of a layout grid and am using standard break-point sizes of 768, 480 and 320px. When resizing the browser window the forms 'jump' down to the next break-point instead of gradually decreasing is size.

I am having the same issue with several buttons on forms reacting the same way.

I've manually edited the CSS files, settings 'widths' to 100% for all break-points as a work-around but that becomes quite arduous when editing and re-publishing pages.

If I remove all the breakpoints the forms seems to react as expected when resizing browser window.

Any suggestions? Incorrect settings when publishing? I'm stumped.

Thanks!
Big Daddy K

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

Re: Admin tools and buttons not 100% responsive

Post by Pablo » Thu Oct 19, 2017 6:17 pm

To be able to help you I need to know exactly what you have done.
Please share your project file and describe the exact steps to reproduce this behavior.

Note that the admin tools where not designed to be used inside a layout grid. It is a script that runs inside an inline frame.

User avatar
bigdaddyk
 
 
Posts: 13
Joined: Sun Sep 03, 2017 3:16 am

Re: Admin tools and buttons not 100% responsive

Post by bigdaddyk » Thu Oct 19, 2017 7:12 pm

Pablo I may have misspoke when referencing 'Admin' tools in the subject line.

I was referring to the Login tools. Specifically: 'Login', 'Password Recovery' and 'Change Password'.

They each have a layout setting to make them responsive and I see the "Admin' tool does not.

My project file is quite extensive so I'd prefer making a 'Test' project using the objects in question so you can see how they behave. I have made several test pages which duplicate the behavior in question.

How do I go about sharing my project file?

Thanks!
Big Daddy K

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

Re: Admin tools and buttons not 100% responsive

Post by Pablo » Thu Oct 19, 2017 8:27 pm

How do I go about sharing my project file?
1. Upload the project file to your website or another public server
2. Share the link in your post

User avatar
bigdaddyk
 
 
Posts: 13
Joined: Sun Sep 03, 2017 3:16 am

Re: Admin tools and buttons not 100% responsive

Post by bigdaddyk » Fri Oct 20, 2017 5:03 pm

Thanks Pablo!

Basically, when viewing and resizing the browser windows (Firefox and Google Chrome), the pages with the 'Login' tool forms do not gradually downsize bur rather jump to the next size breakpoints. Same goes for the Submit button on the Contact page. It does not resize as the form field edit boxes do.

The CSS files have actual pixel widths for each break point instead of "100%". As mentioned I manually edited them as a work-around but feel I must be doing something wrong or have an incorrect setting somewhere

You can find the test project I uploaded here as well as live versions of the pages.

http://needmycarfixed.com/Test_for_Pablo.wbs


Thanks for taking a look
Big Daddy K

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

Re: Admin tools and buttons not 100% responsive

Post by Pablo » Fri Oct 20, 2017 6:17 pm

It behavse like this because you have added breakpoints. You do not need breakpoint when using the layout grid unless you are using fixed objects.
If you remove the breakpoints then the layout will be fully flexible.

Also note that the Page Alignment should be set to 'Do not center this page'
http://wysiwygwebbuilder.com/layoutgrid_part1.html

Post Reply

Who is online

Users browsing this forum: Google [Bot] and 7 guests