Any reason I should not be doing this? It looks awesome!
The parameter data is saved in a map, so the variables here get filled in from the map:
input "configParam${param.num}", "enum",
title: "<strong>${param.title}:</strong>",
description: formatDescription("• Parameter #${param.num}, Value: ${param.value}" + (param?.description ? "<br>• ${param?.description}" : '')),
defaultValue: param.value,
options: param.options,
required: false
Function to add the html so I could re-use it multiple places:
String formatDescription(String str) {
return "<div style='font-size:85%;font-style:italic;margin-bottom:6px;'>${str}</div>"
}
1 Like
Mirco (the original developer of the EcoWitt drivers) uses them in the preference settings for the EcoWitt Gateway, so it looks like it's been something available or not restricted, for some time.
Just made me realise you can spot the one's I've added 
1 Like
Yeah I figured it has always been an option, but I have not see it anywhere and I was just thinking how people use html in log messages and other places to make them look fancy so why not here.
I like the color change on the title in that but if people have dark/light themes would it cause readability issues? Unless the dark mode automatically changes darker colors so they can be read, obviously it does it with black text.
I'm using the Chrome plugin Dark Reader. That same screen without the plugin turned on is below. You are right though, you should test a couple of variations of light and dark modes just to get a feel for how it may present, cause it can be very wrong in some interfaces I use outside of HE. I definitely kept this in mind when I was styling (perhaps badly) my CSS Editor pop-up.
That feels better...
If you're interested, two examples of the formatted settings Mirco used were:
input(name: "DDNSName", type: "text", title: "<font style='font-size:12px; color:#1a77c9'>DDNS Name</font>", description: "<font style='font-size:12px; font-style: italic'>Dynamic DNS Name to use to resolve a changing ip address. Leave Blank if not used.</font>", required: false)
input(name: "DDNSRefreshTime", type: "number", title: "<font style='font-size:12px; color:#1a77c9'>DDNS Refresh Time (Hours)</font>",description: "<font style='font-size:12px; font-style: italic'>How often (in Hours) to check/resolve the DDNS Name to discover an IP address change on a remote weather station? (Range 1 - 720, Default 24)?</font>", range: "1..720", defaultValue: 3, required: false)
My only concern is that it's not "officially" supported, though the only built-in thing I'm aware of that it might mess up is Preference Manager, which might display such formatted preferences with extra spacing or unexpected formatting (I haven't seen anything totally odd, like raw HTML, on any, but I haven't tested this much). There are also no built-in Hubitat drivers that do this, and it doesn't sound like they plan on changing that. (Source: here, which you can only see if you're in beta.) I think I've seen them mention that they hope to some day give some love to device detail pages, perhaps providing "official" means to make things prettier, but I don't recall any major changes since the v2 UI was introduced years ago. Maybe some day.
In the meantime, this certainly seems to work. Besides the above, I'd just caution that you'll need to keep checking that it continues to work as expected in future platform updates in case they do change anything, and I suspect it will be on you to figure things out if it breaks.
Good call on checking Pref Manager. Luckily it just uses the html code as well, you can see which ones I have bolded. I don't even know if I am going to keep that but I do like them bold in the device page. Probably wont change anything else besides what I already did.
One of the reasons I wanted to do something here was to help with Pref manager. I was not especially fond of the param # being in the title because it would cause duplicate entries in this app when one device has the same setting but different numbers. BUT it was too ugly to put in the description before, now I am moving it where I wanted it all along!
