Web development with BBj's DWC

In this section, you use the Dynamic Web Client (DWC) to run your BBj programs in the browser. You move from pixel-based layout to CSS layout and styling.

📄️Introduction

Watch a short video that introduces how you develop for the web with the BBj DWC.

📄️Basics

Deploy a BBj program as a web application in Enterprise Manager and open it in the browser.

📄️Developing for the web

Start from a pixel-based program, run it in the web client and prepare it for CSS layout.

📄️Change the layout mode for a window

Set the window flag that switches a BBj window from pixel layout to CSS layout.

📄️Add CSS layout instructions

Apply a CSS grid layout to a window with setPanelStyle.

📄️Adding CSS to BBj controls

Style single controls with setStyle and try more CSS properties on controls and windows.

📄️Setting style attributes on controls

Change the look of a control with the attributes that its web component exposes.

📄️Adding an external CSS file

Move your styles into an external CSS file and register it with your web app.

📄️Exercise: Make your login dialog responsive

Make your login dialog responsive with CSS so that it works on phones, tablets and desktops.