MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

Some Tips and Tricks
• In the current implementation, tooltips on a slider () are always numerical
values; there isn’t a means to display other forms of text, such as Low, Medium, and High. For
something like this, you could consider a WinJS.UI.Rating control with three values, using the
tooltipStrings property to customize the tooltips.
• The ::-ms-tooltip pseudo-selector for the slider affects only visibility (with display: none); it
cannot be used to style the tooltip generally. This is useful to hide the default tooltips if you want
to implement custom UI of your own.
• There are additional types of input controls (different values for the type attribute) that I haven’t
mentioned. This is because those types have no special behaviors and just render as a text box.
Those that have been specifically identified might also just render as a text box, but they can
affect, for example, what on-screen keyboard configuration is displayed on a touch device (see
Chapter 9) and also provide specific input validation (e.g., the number type only accepts digits).
• The WinJS attribute, data-win-selectable, when set to true, specifies that an element is
selectable in the same way that all input and contenteditable elements are.
• If you don’t find width and height properties working for a control, try using style.width and
style.height instead.
• You’ll notice that there are two kinds of button controls: and .
They’re visually the same, but the former is a block tag and can display HTML inside itself,
whereas the latter is an inline tag that displays only text. A button also defaults to , which has its own semantics, so you generally want to use to be sure.
158