[GH-ISSUE #133] Option for separate labels on Custom Parameters #101

Closed
opened 2026-02-28 01:23:25 +03:00 by kerem · 9 comments
Owner

Originally created by @Humancell on GitHub (Mar 23, 2016).
Original GitHub issue: https://github.com/tzapu/WiFiManager/issues/133

We are now adding a pretty good list of custom parameters on the configuration page. They are working well, but now our users are getting confused about which field is which when they see 8 of them listed with default parameters. Several, in our case, are host names.

Users are now forced to clear the default, or previously set value, in order to see the tip on what goes in which field.

Is there a way to add an option to put a text label outside and above the input field?

Configuration Host
[]
Configuration Host Port
[
]

This way they can tell what is what.

I know a lot of people might not want this, but in our case it's becoming important.

Thoughts?

Originally created by @Humancell on GitHub (Mar 23, 2016). Original GitHub issue: https://github.com/tzapu/WiFiManager/issues/133 We are now adding a pretty good list of custom parameters on the configuration page. They are working well, but now our users are getting confused about which field is which when they see 8 of them listed with default parameters. Several, in our case, are host names. Users are now forced to clear the default, or previously set value, in order to see the tip on what goes in which field. Is there a way to add an option to put a text label outside and above the input field? Configuration Host [___________________________] Configuration Host Port [___________________________] This way they can tell what is what. I know a lot of people might not want this, but in our case it's becoming important. Thoughts?
kerem closed this issue 2026-02-28 01:23:25 +03:00
Author
Owner

@tzapu commented on GitHub (Mar 23, 2016):

hi, in the latest github version you can add custom html to that part so you can add descriptions
use like this

WiFiManagerParameter custom_mqtt_server("server", "mqtt server", "iot.eclipse", 40, " readonly");
  WiFiManagerParameter custom_mqtt_port("port", "mqtt port", NULL, 5);
  WiFiManagerParameter custom_text("<p>This is jsut a text paragraph</p>");
  WiFiManagerParameter custom_blynk_token("blynk", "blynk token", "sdfsfasdfdsfsdfa", 32);

  wifiManager.addParameter(&custom_mqtt_server);
  wifiManager.addParameter(&custom_mqtt_port);
  wifiManager.addParameter(&custom_text);
  wifiManager.addParameter(&custom_blynk_token);
<!-- gh-comment-id:200187922 --> @tzapu commented on GitHub (Mar 23, 2016): hi, in the latest github version you can add custom html to that part so you can add descriptions use like this ``` WiFiManagerParameter custom_mqtt_server("server", "mqtt server", "iot.eclipse", 40, " readonly"); WiFiManagerParameter custom_mqtt_port("port", "mqtt port", NULL, 5); WiFiManagerParameter custom_text("<p>This is jsut a text paragraph</p>"); WiFiManagerParameter custom_blynk_token("blynk", "blynk token", "sdfsfasdfdsfsdfa", 32); wifiManager.addParameter(&custom_mqtt_server); wifiManager.addParameter(&custom_mqtt_port); wifiManager.addParameter(&custom_text); wifiManager.addParameter(&custom_blynk_token); ```
Author
Owner

@Humancell commented on GitHub (Mar 23, 2016):

Oh, this is great! So if there is only one parameter it's assumed to be a text string of HTML?

Are the paragraph tags required? Or are there limits on what HTML can be placed in the quotes?

<!-- gh-comment-id:200338035 --> @Humancell commented on GitHub (Mar 23, 2016): Oh, this is great! So if there is only one parameter it's assumed to be a text string of HTML? Are the paragraph tags required? Or are there limits on what HTML can be placed in the quotes?
Author
Owner

@tzapu commented on GitHub (Mar 23, 2016):

no limits, it gets inserted into the main html. it should be valid html

have fun

On 23 Mar 2016, at 15:07, Scott C. Lemon notifications@github.com wrote:

Oh, this is great! So if there is only one parameter it's assumed to be a text string of HTML?

Are the paragraph tags required? Or are there limits on what HTML can be placed in the quotes?


You are receiving this because you commented.
Reply to this email directly or view it on GitHub https://github.com/tzapu/WiFiManager/issues/133#issuecomment-200338035

<!-- gh-comment-id:200356293 --> @tzapu commented on GitHub (Mar 23, 2016): no limits, it gets inserted into the main html. it should be valid html have fun > On 23 Mar 2016, at 15:07, Scott C. Lemon notifications@github.com wrote: > > Oh, this is great! So if there is only one parameter it's assumed to be a text string of HTML? > > Are the paragraph tags required? Or are there limits on what HTML can be placed in the quotes? > > — > You are receiving this because you commented. > Reply to this email directly or view it on GitHub https://github.com/tzapu/WiFiManager/issues/133#issuecomment-200338035
Author
Owner

@Humancell commented on GitHub (Apr 29, 2016):

I know I'm doing something stupid here ... but I can't get this to work:

  const char* wovynFirmwareVersion     = "Firmware-1.3";

  char versionBuffer[32];    // this needs to be large enough for the version text and tags
  strcpy(versionBuffer, "<p>");
  strcat(versionBuffer, wovynFirmwareVersion);
  strcat(versionBuffer, "</p>");

  // The extra parameters to be configured (can be either global or just in the setup)
  // After connecting, parameter.getValue() will get you the configured value
  // id/name placeholder/prompt default length
  WiFiManagerParameter customVersionText(versionBuffer);

FAILS HERE ^^^^^^^^^^^^^^ no matching function for call to 'WiFiManagerParameter::WiFiManagerParameter(char [32])'

  //set config save notify callback
  wifiManager.setSaveConfigCallback(saveConfigCallback);

  //add all your parameters here
  wifiManager.addParameter(&customVersionText);

What am I doing wrong?

<!-- gh-comment-id:215624772 --> @Humancell commented on GitHub (Apr 29, 2016): I know I'm doing something stupid here ... but I can't get this to work: ``` const char* wovynFirmwareVersion = "Firmware-1.3"; char versionBuffer[32]; // this needs to be large enough for the version text and tags strcpy(versionBuffer, "<p>"); strcat(versionBuffer, wovynFirmwareVersion); strcat(versionBuffer, "</p>"); // The extra parameters to be configured (can be either global or just in the setup) // After connecting, parameter.getValue() will get you the configured value // id/name placeholder/prompt default length WiFiManagerParameter customVersionText(versionBuffer); ``` FAILS HERE ^^^^^^^^^^^^^^ no matching function for call to 'WiFiManagerParameter::WiFiManagerParameter(char [32])' ``` //set config save notify callback wifiManager.setSaveConfigCallback(saveConfigCallback); //add all your parameters here wifiManager.addParameter(&customVersionText); ``` What am I doing wrong?
Author
Owner

@tzapu commented on GitHub (May 8, 2016):

hi, did you update to the latest WifiManager version?

cheers

<!-- gh-comment-id:217704095 --> @tzapu commented on GitHub (May 8, 2016): hi, did you update to the latest WifiManager version? cheers
Author
Owner

@Humancell commented on GitHub (May 8, 2016):

I was using the "Library Manager" to install/manage, and it says I'm using v0.9.0 ... and that is beyond what can be selected in the version drop down ... so I assumed I am.

What is the current version?

<!-- gh-comment-id:217725638 --> @Humancell commented on GitHub (May 8, 2016): I was using the "Library Manager" to install/manage, and it says I'm using v0.9.0 ... and that is beyond what can be selected in the version drop down ... so I assumed I am. What is the current version?
Author
Owner

@Humancell commented on GitHub (May 8, 2016):

I just saw the readme update that says v0.12 is the latest. Any idea why this is not available or working via the Library Manager?

I'll download from Git, but have to now see how to merge that with the Library Manager installed version ... not sure what I have to do to switch install versions.

<!-- gh-comment-id:217727737 --> @Humancell commented on GitHub (May 8, 2016): I just saw the readme update that says v0.12 is the latest. Any idea why this is not available or working via the Library Manager? I'll download from Git, but have to now see how to merge that with the Library Manager installed version ... not sure what I have to do to switch install versions.
Author
Owner

@tzapu commented on GitHub (May 9, 2016):

hi, you jsut need to overwrite the lib in it s folder with the github one.

i think there were some issues on windows with the library manager caching version and not offering updates...

<!-- gh-comment-id:217790537 --> @tzapu commented on GitHub (May 9, 2016): hi, you jsut need to overwrite the lib in it s folder with the github one. i think there were some issues on windows with the library manager caching version and not offering updates...
Author
Owner

@Humancell commented on GitHub (Jan 5, 2017):

This is working great!

<!-- gh-comment-id:270747727 --> @Humancell commented on GitHub (Jan 5, 2017): This is working great!
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/WiFiManager#101
No description provided.