{"id":1218,"date":"2025-04-16T07:36:24","date_gmt":"2025-04-16T07:36:24","guid":{"rendered":"https:\/\/intothedesign.com\/kits\/misc\/?page_id=1218"},"modified":"2025-04-17T06:11:41","modified_gmt":"2025-04-17T06:11:41","slug":"roll-length-calculator-widget","status":"publish","type":"page","link":"https:\/\/intothedesign.com\/kits\/misc\/roll-length-calculator-widget\/","title":{"rendered":"Roll Length Calculator Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1218\" class=\"elementor elementor-1218\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-28b754c elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"28b754c\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-narrow\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0b52573\" data-id=\"0b52573\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fe822c4 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"fe822c4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/intothedesign.com\/kits\/misc\/wp-content\/uploads\/sites\/8\/2025\/04\/logo.png\" class=\"attachment-full size-full wp-image-1224\" alt=\"\" srcset=\"https:\/\/intothedesign.com\/kits\/misc\/wp-content\/uploads\/sites\/8\/2025\/04\/logo.png 300w, https:\/\/intothedesign.com\/kits\/misc\/wp-content\/uploads\/sites\/8\/2025\/04\/logo-150x150.png 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5493d73\" data-id=\"5493d73\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1033698 elementor-widget elementor-widget-heading\" data-id=\"1033698\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Roll Length Calculator Widget<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c3d3a98 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c3d3a98\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6067640\" data-id=\"6067640\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62466a5 elementor-widget elementor-widget-heading\" data-id=\"62466a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">An Elementor add-on for calculating the length of a rolled material by providing the outer diameter, inner diameter and material thickness.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-917559b elementor-widget elementor-widget-heading\" data-id=\"917559b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Roll Length Calculator Widget for Elementor is an Elementor addon which can be used to display a calculator on frontend of your website. This calculator lets your visitors calculate roll length, outer\/inner diameters or material thickness by providing any three field values.<br><br>Examples of rolled material include Thermal Paper Roll for printers, rolled carpet, sheet roll of wallpapers, rolled paper stationary, etc. Some materials may show length variations due to stretching or compression of the material.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-08156ee\" data-id=\"08156ee\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-197c38b elementor-widget elementor-widget-image\" data-id=\"197c38b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"521\" height=\"613\" src=\"https:\/\/intothedesign.com\/kits\/misc\/wp-content\/uploads\/sites\/8\/2025\/04\/spiral2.jpg\" class=\"attachment-full size-full wp-image-1320\" alt=\"\" srcset=\"https:\/\/intothedesign.com\/kits\/misc\/wp-content\/uploads\/sites\/8\/2025\/04\/spiral2.jpg 521w, https:\/\/intothedesign.com\/kits\/misc\/wp-content\/uploads\/sites\/8\/2025\/04\/spiral2-255x300.jpg 255w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5b2eaa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5b2eaa\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0abfb60\" data-id=\"0abfb60\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-87e0ea4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"87e0ea4\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bdfed7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bdfed7f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0e68c5e\" data-id=\"0e68c5e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35885d2 elementor-widget elementor-widget-roll-length-calculator-widget\" data-id=\"35885d2\" data-element_type=\"widget\" data-widget_type=\"roll-length-calculator-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"rlcw-form\" data-errors=\"{&quot;three_field_err&quot;:&quot;Please enter values for at least three fields.&quot;,&quot;four_field_err&quot;:&quot;Error: All four fields are filled. Please leave one field empty to calculate.&quot;,&quot;thickness_err&quot;:&quot;Error: Material thickness must be greater than zero.&quot;,&quot;negative_val_err&quot;:&quot;Error: Negative values are not allowed.&quot;,&quot;small_diameter_err&quot;:&quot;Error: Outer diameter must be greater than inner diameter.&quot;,&quot;invalid_diameter_err&quot;:&quot;Error: Provided values result in invalid inner diameter.&quot;}\">\n            <h2 class=\"calculator-title\">Roll Length Calculator<\/h2>\n            <p class=\"calculator-desc\">Provide values for any three fields and click on the calculate button. The fourth field value will be calculated automatically.<\/h2>\n            <div class=\"input-group\">\n                <label for=\"outer-diameter\">Outer Diameter<\/label>\n                <input type=\"number\" id=\"outer-diameter\" step=\"any\" min=\"0\">\n                <select class=\"unit-selector\" data-target=\"outer-diameter\">\n                    <option value=\"mm\">mm<\/option>\n                    <option value=\"cm\">cm<\/option>\n                    <option value=\"m\">m<\/option>\n                    <option value=\"inch\" selected>inch<\/option>\n                    <option value=\"feet\">feet<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"input-group\">\n                <label for=\"inner-diameter\">Inner Diameter<\/label>\n                <input type=\"number\" id=\"inner-diameter\" step=\"any\" min=\"0\">\n                <select class=\"unit-selector\" data-target=\"inner-diameter\">\n                    <option value=\"mm\">mm<\/option>\n                    <option value=\"cm\">cm<\/option>\n                    <option value=\"m\">m<\/option>\n                    <option value=\"inch\" selected>inch<\/option>\n                    <option value=\"feet\">feet<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"input-group\">\n                <label for=\"thickness\">Material Thickness<\/label>\n                <input type=\"number\" id=\"thickness\" step=\"any\" min=\"0.01\">\n                <select class=\"unit-selector\" data-target=\"thickness\">\n                    <option value=\"mm\" selected>mm<\/option>\n                    <option value=\"cm\">cm<\/option>\n                    <option value=\"m\">m<\/option>\n                    <option value=\"inch\">inch<\/option>\n                    <option value=\"feet\">feet<\/option>\n                    <option value=\"mil\">thou (mil)<\/option>\n                    <option value=\"micron\">micron<\/option>\n                <\/select>\n            <\/div>\n            <div class=\"input-group\">\n                <label for=\"length\">Material Length<\/label>\n                <input type=\"number\" id=\"length\" step=\"any\" min=\"0\">\n                <select class=\"unit-selector\" data-target=\"length\">\n                    <option value=\"mm\">mm<\/option>\n                    <option value=\"cm\">cm<\/option>\n                    <option value=\"m\">m<\/option>\n                    <option value=\"inch\">inch<\/option>\n                    <option value=\"feet\" selected>feet<\/option>\n                    <option value=\"yard\">yard<\/option>\n                <\/select>\n            <\/div>\n            <button id=\"calculate-btn\" class=\"calculate-btn\">Calculate<\/button>\n            <button id=\"reset-btn\" class=\"reset-btn\">Reset<\/button>\n            <p class=\"error\" id=\"error-message\"><\/p>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e12f696 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e12f696\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a168412\" data-id=\"a168412\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-afe3c9d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"afe3c9d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9ce245 elementor-widget elementor-widget-heading\" data-id=\"a9ce245\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">&copy; 2025 Roll Length Calculator Widget by Saurabh Sharma. All Rights Reserved.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Roll Length Calculator Widget An Elementor add-on for calculating the length of a rolled material by providing the outer diameter, inner diameter and material thickness. Roll Length Calculator Widget for Elementor is an Elementor addon which can be used to display a calculator on frontend of your website. This calculator lets your visitors calculate roll [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1218","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/pages\/1218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/comments?post=1218"}],"version-history":[{"count":100,"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/pages\/1218\/revisions"}],"predecessor-version":[{"id":1326,"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/pages\/1218\/revisions\/1326"}],"wp:attachment":[{"href":"https:\/\/intothedesign.com\/kits\/misc\/wp-json\/wp\/v2\/media?parent=1218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}