Skip to content

Add intro page to IDE app

Jump to bottom
Andrey Hihlovskiy edited this page Jul 2, 2014 · 16 revisions

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

Create intro page

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>

Create file "default.css" in the same folder, insert code:

body {
  font-family: Arial;
  background-color: LightBlue;
  color: DimGray;
}

h1 {
  color: SteelBlue;
}

Enable HTML filtering

Edit file "tutorials/MyIdeApp/build.gradle", insert code:

wuff {
  filterHtml = true
}

Note that this step is optional. It instructs Wuff to expand variables in all resource HTML files (see ${project.name} and ${project.version} above).

Compile

Invoke on command line in "tutorials" folder: gradle build.

Note that we don't have to configure intro page in configuration files - Wuff does this for us automatically. Concretely, when Wuff sees that file "src/main/resources/intro/welcome.html" exists, it decides to generate corresponding "introContent.xml" and extension-point in "plugin.xml".

Run

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 we can render arbitrary content on intro page with the help of java and groovy functions.

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

IdeApp-7-run-2

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

Next page: Localize IDE app.

Clone this wiki locally