MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

This example is taken directly from the HTML Tooltip control sample, so you can go there to see how
all this works directly.
Working with Controls in Blend
Before we move onto the subject of control styling, it’s a good time to highlight a few additional
features of Blend for Visual Studio where controls are concerned. As I mentioned in Video 2-2, the
Assets tab in Blend gives you quick access to all the HTML elements and WinJS controls (among many
other elements) that you can just drag and drop into whatever page is showing in the artboard. (See
Figure 4-4.) This will create basic markup, such as a div with a data-win-control attribute for WinJS
controls; then you can go to the HTML Attributes pane (on the right) to set options in the markup. (See
Figure 4-5.)
FIGURE 4-4 HTML elements (left) and WinJS control (right) as shown in Blend’s Assets tab.
FIGURE 4-5 Blend’s HTML Attributes tab shows WinJS control options, and editing them will affect the
data-win-options attribute in markup.
149