Forums

Buttons and pulldown not working in mobile view

FenFire 16 Nov, 2014
Hi,
I have another big problem. My buttons and pulldown field on this site are not working when displayed via mobile template. Simply nothing happens.
If you try the link, please click on "Auf Mobile Ansicht umschalten" to see mobile view. You also have to log in, you can you the login data I already sent via PM for the last question.
(I included the bootstrap css manually, however it is only displayed if you reload the page...?).

What is missing here?

Thanks in advance.

Christian
FenFire 16 Nov, 2014
Oh yes, I'm using "JTouch Mobile 3 Controller" to switch templates.
FenFire 16 Nov, 2014
... and apparently - as far as I can see - it has to do something with "form-control A". The CSS (bootstrap) is the same, so maybe some JS Code is missing here??
GreyHead 16 Nov, 2014
Hi Christian,

There are a few files that aren't loading - I think that maybe there is a \\ in the path somewhere that should be just \

Bob
FenFire 16 Nov, 2014
(The // marks are mine, I wanted to deactivate the add2homescreen-Popup for iOS. I did not see there is an option for that in the template.)

Okay. I figured it has to do with additional CSS from the mobile template. The original fields/buttons are overlaid by this - and as they are much wider, you have to tip at the very left to use the button etc. that is hidden behind.
There is a template option called "Use Built-in jQuery". If I deactivate that one, it works fine - but the other mobile CSS (for the header etc.) is also deactivated.
Is there a way to deactivate/unload CSS files for the Chronoforms form in the form itself?
GreyHead 17 Nov, 2014
Hi Christian,

I just looked at your site again and my Anti Malware Bytes is blocking access.

I wasn't referring to // used to comment code but there are double slashes in some of the CSS or JS file URLs which are then failing to load.

Bob
FenFire 17 Nov, 2014
Oookay ... I downloaded Malwarebytes myself and tested it - I didn't get any message. Did you use an app for mobile devices?

Well, back to my problem: I could partly solve it by choosing "Pure Bootstrap" in CF Styles and editing some CSS files for full functionality.

I still have a problem: All three pages of my multipage form are displayed only correctly if I reload it. I do not understand this. It seemed the bootstrap CSS is left out at first. I tried to load the bootstrap files via "Load CSS Styles", but it doesn't work.

It seems not only the CSS is left out first. The "Required" Stars and the tips don't show and on the second page you even can proceed without filling the required fields.

What to do?
(Should I open a new topic?)
GreyHead 19 Nov, 2014
Hi FenFire,

I tried to load the form again - no warnings from Anti Malwarebytes but the login doesn't work I just get a spinning gif. This may be because there are some JavaScript errors in the page.

Bob
FenFire 19 Nov, 2014
I solved the problem now by adding bootstrap.css files directly to the template.
But due to the problems you mentioned and other conflicts that have nothing to do with CF, I tried a lot - at last it seems like I have to reinstall the mobile template.
Despite that, thank you for your support.

Christian
This topic is locked and no more replies can be posted.