Time for action – inspecting HTML
Follow these steps to inspect the HTML generated by Vaadin:
- Run the themes example application.
- Browse to the application using Firefox or Chrome (make sure you have installed Firebug if using Firefox).
- Right click on the Dashboard button and select Inspect Element with Firebug if you are in Firefox, or Inspect element if you are in Chrome.
- Take a look at the actual HTML code Vaadin is generating for the button.
You just learned how to inspect HTML. If you look carefully, you can see several class values:
<div tabindex="0" role="button" class="v-button v-widget v-has-width"
For example, ...