Admin tools and buttons not 100% responsive

[bigdaddyk]

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!

[Pablo]

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.

[bigdaddyk]

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!

[Pablo]

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

[bigdaddyk]

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

[Pablo]

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