https://github.com/gwtboot/multi-ui-xmas-sly

Demo for Multi UI with DominoUI VueGWT Widget DnComponents in One Webapp
https://github.com/gwtboot/multi-ui-xmas-sly

Last synced: about 1 year ago
JSON representation

Demo for Multi UI with DominoUI VueGWT Widget DnComponents in One Webapp

• Host: GitHub
• URL: https://github.com/gwtboot/multi-ui-xmas-sly
• Owner: gwtboot
• License: apache-2.0
• Created: 2020-12-30T17:26:23.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-04-08T17:55:02.000Z (about 5 years ago)
• Last Synced: 2025-03-29T13:05:58.291Z (about 1 year ago)
• Language: Java
• Size: 2.03 MB
• Stars: 2
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# multi-ui-xmas-sly

**Simple Example Using all GWT UI frameworks in One Webapp**

Why? To see that we can combine every UI frameworks in one GWT webapp. 

This example uses GWT Boot as Starter Parent: https://github.com/gwtboot/gwt-boot-samples

[![Build Status](https://travis-ci.com/gwtboot/multi-ui-xmas-sly.svg?branch=main)](https://travis-ci.com/gwtboot/multi-ui-xmas-sly)

## Examples of Multi UIs

### DnComponents

![Multi UI Home DnComponents](src/doc/multi-ui-home-dncomponents.png?raw=true "Multi UI Home DnComponents")

### VueGWT

![Multi UI Counter VueGWT](src/doc/multi-ui-counter-vuegwt.png?raw=true "Multi UI Counter VueGWT")

### DominoUI

At the moment the design of DominoUI (Material Design) is not compatible with the design of DnComponents (Bootstrap). 

We use no CSS in this DominoUI at all, therefore you could see that the design is broken. 

This is a general problem of mixing many UI frameworks in one web app: 

the designs are mostly incompatible.

![Multi UI Todo DominoUI](src/doc/multi-ui-todo-domino.png?raw=true "Multi UI Todo DominoUI")

## Building Example

To build the example:

```

mvn clean package

```

To run the example:

1. First: run the GWT Dev Mode: 

```

mvn gwt:generate-module gwt:devmode

```

2. Second: open your browser and go to following address:

```

http://127.0.0.1:8888/gwtdemo/

```

3. GWT Dev Mode supports **automatic transpiling**. You just need to update your Java code in your IDE and **reload your web browser**. Your Java code will be automatically transpiled and your webapp stays uptodate without restarting the web server. If you change the **index.html** you need to push the **restart button** on the Swing GUI.