How to create a mobile theme for forms?

Hi everybody and thanks for this magnificent plugin,
I'm using chronoforms to create a registration form which has to be wrapped into a mobile application i'm developing..
It's not completely clear to me how to customize forms style (css), for example: even if i edit the form HTML code manually, validation errors are still showed inside those mobile-unfriendly bubbles.
Is there an easy way to customize forms style without changing core files in order not to lose these changes when updating the component?
Thank you in advance🙂

HI Majere,

There's an 'Errors location' option on the form JS Validation page to switch the validation from 'Tips' to 'After element'. You can probably switch that dynamically (i.e. depending on the current browser) with a little work.

For the CSS, you can leave the current CSS in place and include another file that over-writes it. Or you could replace the ChronoForms file with one of your own - but you would have to re-do that after an update :-(

Bob

Thank you very much, i hadn't seen that option in the validation page, it's very useful for me 😀

Just another short question:
Is there an easy way to get to a zero-css condition?
Even if i erase the "css" folder inside chronoforms component i still notice some css in my forms, such as the focus when you click a field and so on...
I really need to get to a zero-css condition in order to use jquery mobile, any easy way? Thanks :o

Hi majere,

I don't think that there is any easy way. Using a template that doesn't have the jdocs code would block most but would also block JavaScript.

The on focus CSS isn't from ChronoForms as far as I know - it's usually a template feature.

Bob