# Dental Services ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FgktL8GlpkCMFbh4j2rSe%2Fdental_service1.jpg?alt=media\&token=76be186d-d00a-4ea3-b117-2086d68784d0) Dental treatments are essential for our dental health. Healthy Teeths are pretty important for our day to day life. If you’re a dentist who wants to build a calculator for your patients to estimate the cost of dental services, this tutorial is just for you. Let’s hop into the guide of building a Dental Service Cost Estimation tool, First, this is how the Backend of your calculator would look like, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F2zARrC3X4055XCkzNeNu%2Fdental_service_elements1.png?alt=media\&token=0cb81133-b6f1-40e4-9ea3-85bf23118b32) Let’s say, these are all the services that you provide in your clinic. Start with the question if the patient wants Dental Veneers or not with the **Drop-Down** option. ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FTG2DlcQP4yt4DIGGWszg%2Fdental_service_drop_down_venues1.png?alt=media\&token=aae12aea-0e4d-4ee0-b71b-a1aa6c7a7009) Add Options and add values for them about how much you charge for them. Next, add the Number of Teeth option using the **Range Button**. ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F1fei0o1ivs5KZrvyHGRJ%2Fdental_service_range_button_field_teeth1.png?alt=media\&token=7b088c68-aa07-4f47-a070-70e0f675cb2a) Now, offering Teeth Whitening Service using the Drop-Down option. ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FXygvO0dYwUXOHFTT01H8%2Fdental_service_drop_down_teeth1.png?alt=media\&token=a47aefb0-9380-4af8-9f66-52c5cece7625) Add Sessions along with the Service using **Range Field**, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Falb28X9o90xZbUVedwfb%2Fdental_service_range_button_field_sessions1.png?alt=media\&token=4d788d51-4a34-4fac-9e06-0af80b27a00f) After that, add a **Toggle Option** for Diagnostic X-Ray, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F8vxVVOXReURHFVPp0qZj%2Fdental_service_toggle_button_field1.png?alt=media\&token=ec6af172-15ef-4406-be4d-e9eb7b2ce7bb) You can add Option Name and Value as the Pricing. Then add, **Drop Down** Menu for Dental Fillings, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FizFrrkeSY3HJ0VPmmINy%2Fdental_service_drop_down_fillings1.png?alt=media\&token=b7438400-cd9d-4118-ba65-06f2b6844dff) Add, **Drop Down** Menu for Crowns & Bridges, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FDfb6R4mux8EuFJ2G1zIJ%2Fdental_service_drop_down_crowns1.png?alt=media\&token=de7dbf93-0fc2-4b49-9f32-d02bb8ee51a1) Add, **Drop Down** Menu for Dentures, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F9xnXpI8MR3AnjQbhwFGx%2Fdental_service_drop_down_dentures1.png?alt=media\&token=e71e2c3b-a02d-497d-99c4-e8f0ef78bf69) We have added a Number Of Teeth Option for every Service. You can Duplicate the option so that you don’t need to make one for each service, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fx0IhuBoKQ1pYMTCIt0v4%2Fdental_service_numbers_element1.png?alt=media\&token=55a738c9-53b5-4bc3-ade9-1339e4397df9) The total amount will be calculated with this formula, ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FkNdeAWPzYw9XkuBiaDCH%2Fdental_service_total_field1.png?alt=media\&token=58f587a5-8e08-4a76-a5f0-b72508ab26d9) **Frontend Preview:** ![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FvSwC1Ax6QNf4Ir2YRNk1%2Fdental_service_frontend1.png?alt=media\&token=2cba8e9e-d8cc-49ac-a6d0-5be2cb184198) **Exported Calculator:** {% file src="" %}