Articles on: Features

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

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

Was this article helpful?

Thank you!