Implement mouse-over comments for model input data.

[dpinney]

Currently our input form looks like this:

We need a way to add instructions to the user in a mouse-over. I.e. when a user hovers their mouse over the elements (simulation length, length units, etc.), we should show a box with explanatory text.

Style information to follow. I'm thinking white text on a very dark gray background.

An example of what would go in the box: sources for variables, notes about how they're used in the model, etc.

[cshjin]

Two options: one is direct use title attribute of input field to show the text. Another is use some css on the label like this:

I prefer the second one.

Is there any standard explanatory text? For example, in pvWatts model all the input field explantion should stay the same with its SAM APIs:

[dpinney]

I also prefer the second style. But can we do white text instead of black?

I'll need to come up with the text annotations for each of the fields. That will take some time. For now, just use whatever text you have. And I'll create separate issues to track gathering the real text.

[dpinney]

Oh, one other thought. The underline of the label with a tooltip is great. Some labels will not need tooltips, so it'll be good to indicate which ones have notes on them.

[cshjin]

I searched several examples, and steal the ideal from here

[dpinney]

Good artists copy; great artists steal.

[cshjin]

4ab8ab616a96be2a7bc4588a1d742607b1a7cbe9 is the initial mouse-over feature, I also created another issue to provide more detailed explanation of input filed, as stated in https://github.com/dpinney/omf/issues/277

[dpinney]

Closed since the capability is there.