Frontend Styles (Frontend Skins)
Introduction
Choose between two frontend styles to decide which style best suits your website and brand.
Benefits, Features & Use Cases
You can change your calculator form style to match your website's general styling. This will help you adapt your calculator to any kind of device.
Watch It In-Action
Frontend Style 1
This style gives you responsive options (found in the advanced options menu).
Frontend Style 2
This style places the titles on top of the element while making the element full width.
Frontend Style 3 (No styling/Manual)
To make it easier for developers to build their own calculator style, we will develop a frontend skin that contains only CSS classes and no styling. As a result, the calculator form can be styled according to your preferences by using CSS classes.
Note: Currently in development.
Frontend Style 4
Calculator form style 4 has a modern touch that wraps the element title in a borderline.
Note: Currently in development.
How to Activate & Use This Feature
For layout purposes, you can also set a max width for your calculator form.
Additional Information
Related Articles
How do I style my 'Email Quote', 'Detailed List' or 'Coupon' Buttons? View article
Limitations
For now, there are just 2 styles, but more are coming very soon!
All Elements & Features
Learn more about All Elements
Learn more about All Features
Need Support?
Ask a question or request support
Request a feature or give feedback
Updated on: 21/06/2024
Thank you!