The Custom HTML component allows you to embed your custom HTML/CSS code into your Beezer app.. You can add multiple third-party widgets in your app by using this component. Step 1: To add the Custom HTML component, please click on the Build section in your Beezer Dashboard and click on Pages section.. Create a new page by clicking the + sign next to Pages.. . Step 2: Once you have added a new page, click on the + sign next to your page title. This will open the components menu with all existing components included in your Beezer subscription plan.. Click on the Integrations tab and select Custom HTML component. Click Add Custom HTML component button to add it to your selected page.. . Step 3: Once the Custom HTML component is added, you can add your HTML code and it will get reflected in your app shell preview. Please click on the Save button after adding the code to preview it on the right-hand side in the app shell preview.. . . Please Publish your app once you have made the changes, so they get reflected in your live mobile app successfully.. Here are some sample HTML codes which you can try in your Beezer app:. Progress Bar Uplink established. - Upload progress:. at 50/100.
File progress: 70% . . . Animated Welcome text with waves
Welcome
Welcome
. . Swimming Fish 
. . Expandable Menu . Languages Used. This page was written in HTML and CSS. The CSS was compiled from SASS. Regardless, this could all be done in plain HTML and CSS
. . How it Works. Using the sibling and checked selectors, we can determine the styling of sibling elements based on the checked state of the checkbox input element.
. . . Digital Clock . . . . . Body Mass Index Calculator. . . . Body Mass Index (BMI) Calculator
| Measuring System | |
| Height (Cms) | |
| Weight (Kgs) | |
| Reset | Submit |
| Body Mass Index (BMI) | |
| Normal BMI range | |
The calculations are based on WHO recommendations. |
