Book Image

Easy Web Development with WaveMaker

By : Edward Callahan
Book Image

Easy Web Development with WaveMaker

By: Edward Callahan

Overview of this book

Developers of all levels can now easily develop custom, responsive, and rich web application clients with secure, scalable servers utilizing relational databases and RESTful services using WaveMaker Studio. Whether you need a departmental business application or a form application for your weekend club, this book will show you how to design, develop, and deploy professional grade web applications with WaveMaker. Easy Web Development with WaveMaker will help you use WaveMaker to design, develop, and deploy rich, responsive web applications, even if you are not a programmer. If you need to build a data-driven web application, but you only know ‘enough to be dangerous,' you need this book. This book examines every angle of using WaveMaker to build applications, from dissecting examples to customizing, deploying, and debugging your own applications. This book enables the non-professional programmer to become comfortable not only with using WaveMaker Studio itself, but also with the artefacts produced by the studio as well as the runtime and services provided by the WaveMaker framework. You will learn everything, from how customize the user experience with JavaScript and CSS to integrating with custom Java services and the Spring Framework server-side. Easy Web Development with WaveMaker 6.5 is packed with examples, code samples, screenshots, and links to equip you to be successful with WaveMaker Studio.
Table of Contents (23 chapters)
Easy Web Development with WaveMaker
About the Author
About the Reviewers
Styling the Application
Working with Databases
Utilizing Web Services

Chapter 6. Styling the Application

With the layout of the application now understood, we will naturally want to style the application to control how the application looks and feels. WaveMaker, being a standard browser application, uses cascading stylesheets (CSS) to define presentation semantics.

In this chapter, we'll discuss using CSS to style WaveMaker applications. How you style a WaveMaker application depends on your objective. We will also discuss the styling tools and techniques available to the WaveMaker developer. We will use the style property panel to style individual widgets, groups of widgets, and create and apply CSS classes. We will also look at the theme generator tool included in Studio.

Since CSS can be a tricky creature to work with, we will need to learn how to sleuth our way around the CSS of page elements. For this, we will use the developer tool's inspect feature to diagnose what style was applied. Finally, we'll take a sneak peek at the widget theme's designer tool...