• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

Form Not Working on Mobile

Parisi

Member
I have a form that is based on a copy of a list.This new form is basically a ?mobile? version of the original multipage form I created. The original form had several elements on the first page of the form. The mobile version has reduced that to two elements a date picker (with time) and a fileupload element.The date element had a validation that it could not be empty. We have removed this validation.

When clicking the Next button on the form on an iPhone or via Emulation in Google Developer Tools it will not go to the next page. The form works fine in a desktop browser.

Page Flow Overview

If you access the site via http://sendposts.saviorlabs.com from a mobile device you should be redirected to http://sendposts.saviorlabs.com/m which is the mobile landing page.

After clicking on Login button you should be routed to http://sendposts.saviorlabs.com/m-login

You can use the username paul and the password hello

You should then be routed to the form in question at http://sendposts.saviorlabs.com/mobile1

I can provide administrator access as needed.

Thanks for your help!
Paul.
 
When you say "The form works fine in a desktop browser", that means that the mobile form works as expected on a desktop? Otherwise, a multipage form not working is usually due to an error in a validation and/or an error in a calc element.
You could test in unpublishing all elements in the form, except the first one and retest. If working, publish one element after the other until you hit the one that's causing the error.
 
It may be also a JS error (eg. coming from your Joomla mobile template).
My multipage form is working on Android, yours is not.
But on my Samsumg your site is showing also some sort of non-working "Navigation" icon on top.
Can you switch to Protostar template an test again?
 
OK - I have created a brand new Joomla 3.3 site, installed Fabrik and am only using Protostar and the same thing is occurring.

The new site is http://sendlater.saviorlabs.com/m

These "mobile" pages work perfectly in desktop browsers. There is really nothing "mobile" about them they just have fewer fields on them.

So I guess I should restate the problem - the problem is that I have a form that will not process on an iPhone 5, nor in Google Chrome Developer Tools set to emulate an Apple iPhone 5 or any other mobile device.

  1. go to http://sendlater.saviorlabs.com/m choose login and enter the credentials below.
  2. Click on create messages
  3. Pick a date
  4. Pick an image
  5. Click Next
  6. Fails - here

If you want to try the site use the username: pdp and the password: hello123
 
It seems you have jck editor installed which is loading a bunch of JS files.
+ there are two additional hidden groups.

I don't know if this JS is conflicting on mobile devices.
A multipage form with date, fileupload + an additional group is working on my Samsung, yours is not.

Can you go step by step as jfquestiaux is suggesting:
Disable the editor
Disable unnecessary groups
Disable single elements in used groups
etc.
 
Thank you!!

Can you help me understand the two hidden groups? I am not sure how that is happening. Also, how could I specify a different editor just for that form? Is that possible?
 
Not sure which groups Troester is refering to.

With regards to the editor ... I ca't think off the top of my head of a way of specifying a different editor for a specific form. We just get the WYSIWYG editor which the logged o user (or guest) is ocnfigured for in J!.

Just for testing purposes, can you try setting that element to just plain text, no WYSIWYG, see if that makes a difference?

There must be some kind of JS problem, preventing the Next/Prev buttons form working, and the most likely candidate is the editor.

-- hugh
 
Forget the groups, these are the additional tabs (I didn't realize the "Next" in the 2nd group).
 
If turning off the WYSWYG doesn't do the trick, I'll give this a go:

https://developer.chrome.com/devtools/docs/remote-debugging

This wasn't available last time i was trying to debug a JS issue on Android, which then turned in to a nightmare of having to do it in an emuator with Eclipse. But remote debugging using Chrome's dev tools looks a LOT easier!

It'll be a learning experience, anyway, something I need to work out how to do.

-- hugh
 
Any movement on this one? Have you tried turning of WYSIWYG to see if that's the cause of the JS issue?

-- hugh
 
We are in need of some funding.
More details.

Thank you.

Members online

No members online now.
Back
Top