Need to customize a Chronoforms' style? It's simpler than you think.
We've written about Chronoforms before but for the fast-and-furious developer a project sometimes just needs to get done right now and creating an entirely specialized CSS template just isn't in the time/budget.
This presents the perfect way to embed a form from your web server into another 3rd party service or div/iframe where the styling can be copied to match that other service. It might seem at first counter intuitive to ignore the form options from your other service but this method provides a way to retain all of your data and theoretically, keep it encrypted for your use (not your 3rd party).
Simply call out a fictitious index url path following this pattern (tested on v5):
You will of course need to change the url to your actual domain and the name of your form. The magic happens right where the
index2.php? is called. A proper Joomla site will call
index.php? by default. We essentially trick Chronoforms to drop all of its supplied CSS styles by this method.
Next, after your form is finalized you can inject your own CSS styles by using Chronoforms'
Code: Form Type > Custom code option. You can then dump the raw Chronoforms URL mentioned above into any component, article or module that will display the HTML (div or iframe). The form will still process as normal and your web server will send the email as expected.
This article was created out of a need to use a customized food service order form with a paid event guide service. Users were provided an amazingly fast and wholly transparent experience that just works. Solutions like this are posted on the blog having been tested in the real world for real working businesses. Please contact us us if you would like Grip Fast Information Services & Technology to help your business succeed. Your customers will thank you for it!