Pages
The template comes with 5 custom pages:
Index
The homepage. It contains some text/images describing what the template does and some "testimonials" from users (you'll probably want to change these!)
The most complicated part of the idex page is the "Features" section. You can click on each of the 3 features to see a different image and highlight the chosen text.
A custom state is used to alternative between the images and highlight the text. The custom state is called "Feature Selection" and can be found on the index page itself (see image below).
Board
The board page is where the Whiteboard element can be found. Each board requires a Board ID that needs to be a random string that's at least 15 characters long.
In the example above, I'm adding a 15-character string to the page URL as a URL parameter when creating a new board on the views-my-boards reusable element.
I'm then getting that string from the page URL and using that to load the board.
Other stuff to note on the Board page:
You can clear the Whiteboard using the "Clear Board" button
Users can invite other users to work on the whiteboard
When the page is loaded, the below workflow action adds the user to the Board Members of the current Board. It only runs if the user is not currently in the Board Members list
Dashboard
The dashboard is built in the style of a Single Page Application ("SPA"). You can learn more about how SPA style dashboards are built by watching this tutorial video:
In this case, we're using an Option Set called "Dashboard Navigation" to navigate between pages on the dashboard.
There are 3 reusable elements on the dashboard page:
Sidebarnav: Used to navigate between the different sections in the dashboard
views-my-boards: Used to show the various boards that the user has created/been added to. Also where the users creates new boards and navigates to the boards that have previously been created (or boards the user has been invited to)
views-profile: Where the user can update their email address
Sign up
A simple page where the user registers for a new account.
Login
A simple page where existing users log into their accounts.
Last updated