Spent a while puzzling over this today - figured it out in the process
of drafting a question to the group.
jQuery offers a set of pretty icons that have the advantage of
supporting jQuery's theme framework. The icons are typically accessed
via css, e.g., setting class to "ui-icon" plus another keyword ("ui-
icon-*") generates one of its default set of icons. (See
http://ui2.jquery.com/themeroller/)
Turns out it's pretty easy once you've included the jQuery css in your
app (see Bryan's hobo-jquery for that). Just add the classes to the
button as follows:
<delete-button class="ui-icon ui-icon-circle-close" />
This pulls the icon into the button via clever jQuery css calls. That
gets you part of the way there, but the background of the buttons is
colored oddly due to the default css for button in clean.css.
So, touched this up in application.css by adding the following:
.ui-icon {
background: none;
}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Hobo
Users" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/hobousers?hl=en
-~----------~----~----~----~------~----~------~--~---
