starred/WiFiManager

Fork 0

mirror of https://github.com/tzapu/WiFiManager.git synced 2026-04-27 09:05:56 +03:00

[GH-ISSUE #764] Enhancement: Add input type param support #638

New issue

Closed

opened 2026-02-28 01:26:20 +03:00 by kerem · 11 comments

kerem commented

2026-02-28 01:26:20 +03:00

Owner

Originally created by @martinberlin on GitHub (Nov 4, 2018).
Original GitHub issue: https://github.com/tzapu/WiFiManager/issues/764

I was thinking that for most of the people that are building their apps using this library as a base for WiFi Connectivity but also to Setup certain things like configuration using your "param" menu option would be a nice addition to have checkboxes and drop-down lists.
You can, of course, think about it, since maybe it's out of scope. The main goal of this library is to provide a WiFi Manager that is already working very good.

The first 2 elements that come to my mind while doing a configuration are:

ON/OFF checkbox
<input type="checkbox" id="c1" name="c1" value="Turn on something"> Turn on something
Options dropdown
Select your car:

 <select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

(Mine would be out of this price range ;)

Originally created by @martinberlin on GitHub (Nov 4, 2018). Original GitHub issue: https://github.com/tzapu/WiFiManager/issues/764 I was thinking that for most of the people that are building their apps using this library as a base for WiFi Connectivity but also to Setup certain things like configuration using your "param" menu option would be a **nice addition** to have checkboxes and drop-down lists. You can, of course, think about it, since maybe it's out of scope. The main goal of this library is to provide a WiFi Manager that is already working very good. The first 2 elements that come to my mind while doing a configuration are: 1. ON/OFF checkbox `<input type="checkbox" id="c1" name="c1" value="Turn on something"> Turn on something` 2. Options dropdown **Select your car:** ``` <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </select> ``` (Mine would be out of this price range ;)

kerem

2026-02-28 01:26:20 +03:00

closed this issue
added the
Discussion

DEV Help Wanted
labels

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 4, 2018):

you should be able to add custom param support yourself without needing to modify the lib using the new param childclass capability

https://github.com/tzapu/WiFiManager/blob/development/examples/ParamsChildClass/ParamsChildClass.ino

@tablatronix commented on GitHub (Nov 4, 2018): you should be able to add custom param support yourself without needing to modify the lib using the new param childclass capability https://github.com/tzapu/WiFiManager/blob/development/examples/ParamsChildClass/ParamsChildClass.ino

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@martinberlin commented on GitHub (Nov 6, 2018):

Thanks very nice example, will try it out and give you feedback about it. Happy that is already possible!

@martinberlin commented on GitHub (Nov 6, 2018): Thanks very nice example, will try it out and give you feedback about it. Happy that is already possible!

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 6, 2018):

Yeah I was looking at this today to see if it can be improved since there is no way to pass in the html strings

@tablatronix commented on GitHub (Nov 6, 2018): Yeah I was looking at this today to see if it can be improved since there is no way to pass in the html strings

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@martinberlin commented on GitHub (Nov 6, 2018):

I would like to see a input type="checkbox" example :)
I still didn't find the time to try it. But I found sometime to make a SPIFFs file manager, you can try it out when your camera arrives!

@martinberlin commented on GitHub (Nov 6, 2018): I would like to see a input type="checkbox" example :) I still didn't find the time to try it. But I found sometime to make a SPIFFs file manager, you can try it out when your camera arrives!

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 6, 2018):

WiFiManagerParameter custom_field("customfieldid", "Custom Field Label", "Custom Field Value", customFieldLength,"placeholder=\"Custom Field Placeholder\" type=\"checkbox\"");

oh you can just add the type in custom html param, but for select it will have to be totally different

@tablatronix commented on GitHub (Nov 6, 2018): ```C++ WiFiManagerParameter custom_field("customfieldid", "Custom Field Label", "Custom Field Value", customFieldLength,"placeholder=\"Custom Field Placeholder\" type=\"checkbox\""); ``` oh you can just add the `type` in custom html param, but for select it will have to be totally different

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 6, 2018):

for custom html just add your own html

WiFiManagerParameter custom_html("<br/><label for='customfieldid'>Custom Field Label</label><input id='customfieldid' name='Custom Field Label' value='Custom Field Value'"); // custom html input

@tablatronix commented on GitHub (Nov 6, 2018): for custom html just add your own html ```c++ WiFiManagerParameter custom_html("<br/><label for='customfieldid'>Custom Field Label</label><input id='customfieldid' name='Custom Field Label' value='Custom Field Value'"); // custom html input ```

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 6, 2018):

if you want to make a child class to add additional types and add gettters to convert submission to whatever datatype you want, boolean , option id to text etc. then you have to use that example.

if you want to make a child class for option selects, you would need some kind of array and then push the options in then iterate and generate the custom html etc

@tablatronix commented on GitHub (Nov 6, 2018): if you want to make a child class to add additional types and add gettters to convert submission to whatever datatype you want, boolean , option id to text etc. then you have to use that example. if you want to make a child class for option selects, you would need some kind of array and then push the options in then iterate and generate the custom html etc

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 6, 2018):

The only issue with this is that customhtml params do not have ids, so you cannot getValue etc and have to to it youself

@tablatronix commented on GitHub (Nov 6, 2018): The only issue with this is that customhtml params do not have ids, so you cannot getValue etc and have to to it youself

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@tablatronix commented on GitHub (Nov 6, 2018):

I updated advanced.ino example with a basic custom html input sample

@tablatronix commented on GitHub (Nov 6, 2018): I updated advanced.ino example with a basic custom html input sample

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@martinberlin commented on GitHub (Nov 7, 2018):

Great thank you I will try this out tonight and close this. Sorry totally forgot about this one sending it per email home to test it tonight

@martinberlin commented on GitHub (Nov 7, 2018): Great thank you I will try this out tonight and close this. Sorry totally forgot about this one sending it per email home to test it tonight

kerem commented

2026-02-28 01:26:21 +03:00

Author

Owner

@martinberlin commented on GitHub (Nov 19, 2018):

Works as expected. Good job!
Thanks a lot Shawn

@martinberlin commented on GitHub (Nov 19, 2018): Works as expected. Good job! Thanks a lot Shawn