• Skip to main content
  • Skip to primary sidebar

RNTLab.com

The Ultimate Shortcut to Learn Electronics and Programming with Open Source Hardware and Software

  • Courses
  • Forum
    • Forum
    • Ask Question
  • Shop
  • Account
  • Blog
  • Login

General HMTL Interface Elements Generator – Module 4

Q&A Forum › Category: ESP32 › General HMTL Interface Elements Generator – Module 4
0 Vote Up Vote Down
Thomas Schaertel asked 5 years ago

I’m just curious: What HTML editor do you use to create the interface element code for switch, slider, progress bar etc. (Something like an UI HTML Generator)? Maybe I can embed some sort of analog meter display? Any recommendation except typing the stuff by myself?
Thank you for looking into this.
/Thomas

Question Tags: HTML UI Generator
3 Answers
0 Vote Up Vote Down
Sara Santos Staff answered 5 years ago

Hi Thomas.

We usually start with some basic examples and then, we modify the styling. The w3schools website provides some very good examples that are easy to modify:

  • toggle switch: https://www.w3schools.com/howto/howto_css_switch.asp
  • slider: https://www.w3schools.com/howto/howto_js_rangeslider.asp
  • progress bar: https://www.w3schools.com/bootstrap/bootstrap_progressbars.asp

I hope this helps.
Regards,
Sara

0 Vote Up Vote Down
Thomas Schaertel answered 5 years ago

Hi Sara,
thank you so much for your really helpful and super fast reply!
Best Regards,
Thomas

0 Vote Up Vote Down
Sara Santos Staff answered 5 years ago

Great!
I’ll mark this issue as resolved.
If you need further help, you just need to open a new question in our forum.
Regards,
Sara

Primary Sidebar

Login to Ask or Answer Questions

This Forum is private and it’s only available for members enrolled in our Courses.

Login »

Latest Course Updates

  • [eBook Updated] Learn Raspberry Pi Pico/Pico W with MicroPython eBook – Version 1.2 May 26, 2025
  • [New Edition] Build ESP32-CAM Projects eBook – 2nd Edition April 16, 2025

You must be logged in to view this content.

Contact Support - Refunds - Privacy - Terms - MakerAdvisor.com - Member Login

Copyright © 2013-2025 · RandomNerdTutorials.com · All Rights Reserved

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.