Title: CLS Problem Last modified: April 21, 2023 --- # CLS Problem * Resolved [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/) * Hello, CLS error occurs on the page as I am waiting for the form code with Elementor/ Shortcode.Is there any way to prevent this?Thanks Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/cls-problem-3/page/2/?output_format=md) [→](https://wordpress.org/support/topic/cls-problem-3/page/2/?output_format=md) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16675096) * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/) * Thank you very much for using our plugin. Our plugin renders the forms on the client side, and for this reason, there may be CLS problems. However, there are two alternatives: * You can activate the form cache on the plugin settings page. Or, if the form cache is not an option in your case, you can estimate the height and pass it explicitly. * To activate the forms cache, go to the menu option “Calculated Fields Form > Troubleshoot Area & General Settings”, tick the “Form cache” checkbox, and press the “Update” button. After enabling the feature in the plugin settings page, press the “Settings” button corresponding to the form and then press the “Preview” button. * If the form cache is not available on your plugin copy, please, indicate the URL to the page that contains the form to get its height. * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16675261) * Form height 565px how do I define it to get around the cls issue. How to use this feed? * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16675300) * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/) * Please, enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab ([https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png](https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png)): * ```wp-block-code .cff-form{min-height:570px;} ``` * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16675540) * Thank you for solving both our CLS issue and our style button issue. I am fascinated with this plugin more and more every day. * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16675555) * Thank you very much. * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16709983) * Hello, Can we expand this code?800px on mobile, 500px on desktop…In some of our forms, while the query takes up less space on the desktop, it creates a problem because it comes together on mobile. * ```wp-block-code .cff-form{min-height:850px;} ``` * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16710050) * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/) * Yes, of course. * You can enter the style definition as follows: * ```wp-block-code .cff-form{min-height:500px;} @media (max-width:710px){ .cff-form{min-height:850px;} } ``` * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [3 years, 1 month ago](https://wordpress.org/support/topic/cls-problem-3/#post-16710060) * Thank you * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17148652) * Where exactly is the form cache located on the plugin settings page? So what should we activate to get rid of the CLS problem? Thanks * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17148931) * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/) * You can activate it in the “Calculated Fields Form > Troubleshoots Area & General Settings” menu option by ticking the “Activate Forms Cache” checkbox and pressing the “Update” button. * Once you activate the form cache, go to the form settings and press the preview button. * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17148937) * I couldn’t see the Activate Forms Cache field. I posted a screenshot of which one is happening. * ![](https://i0.wp.com/i.hizliresim.com/tlt2o4i.JPG?ssl=1) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17148957) * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/) * Please indicate the version number of your plugin copy. * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17149008) * Version : 1.2.33 * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17149039) * Hello [@klingbeil](https://wordpress.org/support/users/klingbeil/) * I’m sorry, but the “Form Cache” feature is included in the commercial distributions of the plugin. * With the free plugin version, you can reserve the space the form will take using min-height. * For example, if your form takes around 700px height, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab: * ```wp-block-code #fbuilder{min-height:700px;} ``` * Best regards. * Thread Starter [klingbeil](https://wordpress.org/support/users/klingbeil/) * (@klingbeil) * [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/#post-17149085) * Is this feature sold additionally? in package. Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/cls-problem-3/page/2/?output_format=md) [→](https://wordpress.org/support/topic/cls-problem-3/page/2/?output_format=md) The topic ‘CLS Problem’ is closed to new replies. * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377) * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/) * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/) * 18 replies * 2 participants * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/) * Last activity: [2 years, 7 months ago](https://wordpress.org/support/topic/cls-problem-3/page/2/#post-17149887) * Status: resolved