How buttons are used in "http://www.blackbeltfactory.com/ui#!"

General
1

Hello all: I would like to know how buttons (links) are implemented in this example:

  1. http://www.blackbeltfactory.com/ui#! (Main Page)
  2. Cliking Button Courses&Exams on the top of page it goes —> http://www.blackbeltfactory.com/ui#!TopicList
  3. Clicking Button Users&Groups it goes → http://www.blackbeltfactory.com/ui#!GroupsAndUsers
    or Clicking Button register it goes —> http://www.blackbeltfactory.com/ui#Register

a) Is this portal programed in Vaadin ? If it is ok ,
Could you write a little example code how to change Pages in this web on clicking buttons ???

Thanks in advanced,

2

Yes, that site has been implemented using Vaadin. You can tell because the BODY element has
class="v-generated-body […]
"
.

I don’t know the exact details of how they did it, but it looks like they’re using a
UriFragmentUtility
, just like in the
Vaadin Sampler
.

3

The
Navigator7 add-on
 is what the developers of JavaBlackBelt created for handing the navigation on the site and much more.