Hello World

To start a simple application, it is recommended to use webforJ's HelloWorldJava repository as a template. This can be done using any of the installation methods.

Show Code

Java

Once you have cloned the repository and can see the application, modifying the following sections will allow you to start building your own simple application:

public class HelloWorldApp extends App {
  
  Paragraph hello = new Paragraph("Hello World!");
  Button btn = new Button("Say Hello");

  @Override
  public void run() throws webforJException {

    Frame mainFrame = new Frame();
    mainFrame.addClassName("mainFrame");

    btn.setTheme(ButtonTheme.SUCCESS)
        .setExpanse(Expanse.XLARGE)
        .addClickListener(e -> msgbox("Hello World!"));

    mainFrame.add(hello, btn);
  }
}

This is the method that will be executed when your application is rendered. Here, since the sample program is quite small, the entirety of the program's functionality has been built into this singular method.

This is an ideal pattern for exploration purposes or simple applications. For more complex applications, it is advised to split functionality into additional methods and classes.

CSS

@InlineStyleSheet(/* css */"""
  .mainFrame {
    display: inline-grid;
    gap: 20px;
    margin: 20px;
    padding: 20px;
    border: 1px dotted;
  }
""")

This is the inline CSS that will be applied to your application. Either continue adding to this section, or create a separate stylesheet using this page as a reference.

tip

This plugin for VS Code allows you to see syntax highlighting for CSS and HTML within your webforJ code. To do this, install the extension, and add either /* css */ or /* html */, depending on the desired highlighting, before a multiline string in triple quotes. You should then see the contents of the string highlighted depending on the specified language.

CSS​

CSS