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

Leveraging layouts

Before we can properly take up screen sizing, we need to understand how visual components are laid out in a WaveMaker application. The layoutBox, of type wm.Layout, is the page's widget container. It is the parent of all the visual components on the page. The layout box is the container into which the widgets of the page go. As such, its properties affect every widget on its page:

First, we have width and height. These both default to using percentage-based sizing at 100%, which means that the app will be of the full width and height of the browser. Percentage layout allows us to specify the size of a widget in terms of the percentage of the space available in that dimension. Let's say both components in a panel are set to 100% width in a left-to-right panel. Each widget would get one half of the available width. That is, each widget would get 100% of the 200% allocated. If one widget was set to 100% and the other 200%, the first would get 1/3 of the available space, 100...