O'Reilly logo

Easy Web Development with WaveMaker by Edward Callahan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Defining classes

Tooled styling is fine for single-instance editing. If we want to make a class of these panels so we can have multiple instances of a widget styled the same way in the application, we will use the Create CSS Class button. This creates a class out of styles that we can apply to other widgets. Creating a CSS class from the preceding panel includes all the style directives, including a multi-browser gradient in a single class:

html.WMApp body .CustomRedTextHorizGradientPanel { background: -webkit-gradient(linear, left center, right center, from(#3737b9), color-stop(80%,#011d65), to(#011d65)); background: -moz-linear-gradient(left, #3737b9 0%,#011d65 80%,#011d65 100%); background: -o-linear-gradient(left, #3737b9 0%,#011d65 80%,#011d65 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required