Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Once the project loads, you should finally see a directory structure like this:

 

 

 

Note

The following will be used in the table view - since we will be adding a module to the custom app example – leaving it here for now, though.

 

In Project Settings, in the Modules section, select "add" (the + icon) and Import Module...

Image Removed

Navigate to and select the pom.xml file...

Image Removed 

Import the module...

Image Removed

Image Removed

Now in the project structure, you should see something like this:

Image Removed

Building and Installing the App

...

Clicking on this item should navigate to the injected sample custom view:

Note

>>> screenshot of sample-custom view <<<

Image Added

Note that pressing slash (/) will display the "Quick Help" panel:

Image Added

As you will see in the code below, we created a key-binding with the space bar (to fetch data); it is listed in the quick help panel.

Also of note, pressing the T key will toggle the "theme" between light and dark:

Image Added 

Custom Views in Brief

To create a custom view requires both client-side and server-side resources; the clien-side consists of HTML, JavaScript, and CSS files, and the server-side consists of Java classes.

...