Skip to content

Add intro page to IDE app

Jump to bottom
Andrey Hihlovskiy edited this page Apr 24, 2014 · 16 revisions

We already added splash to IDE app. Now we add intro page to IDE app.

  1. Create folder "tutorials/MyIdeApp/src/main/resources/intro", create file "welcome.html" in it, insert code:
<html>
  <head>
    <meta charset="UTF-8">
    <title>Welcome page</title>
    <link rel="stylesheet" type="text/css" href="default.css">
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p>This is welcome page which you can customize.</p>
    <p>${project.name} Version ${project.version}</p>
  </body>
</html>
  1. Create file "default.css" in the same folder, insert code:
body {
  font-family: Arial;
  background-color: LightBlue;
  color: DimGray;
}

h1 {
  color: SteelBlue;
}
  1. Invoke on command line in "tutorials" folder:
gradle build

Note that you don't have to configure intro page in configuration files - wuff does this for you automatically.

  1. Run the compiled product from command line. When the program is started for the first time, it displays intro page:

IdeApp-7-run-1

Note that intro page is filtered with groovy.text.SimpleTemplateEngine, so you can render arbitrary content on intro page with the help of java and groovy functions.

As soon as you close intro page, you see the default perspective:

IdeApp-7-run-2

The example code for this page: tutorialExamples/IdeApp-7.

Next page: Localize IDE app.

Clone this wiki locally