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!
Admin tools and buttons not 100% responsive
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
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
Admin tools and buttons not 100% responsive
Big Daddy K
Re: Admin tools and buttons not 100% responsive
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.
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.
Re: Admin tools and buttons not 100% responsive
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!
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
Re: Admin tools and buttons not 100% responsive
1. Upload the project file to your website or another public serverHow do I go about sharing my project file?
2. Share the link in your post
Re: Admin tools and buttons not 100% responsive
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
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
Re: Admin tools and buttons not 100% responsive
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
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
Who is online
Users browsing this forum: No registered users and 6 guests