At Top and Left
Hiding Toolbars During Preview or Editing
Global Toolbar
- At the left side of the screen.
- Manage global settings.
- Apply to the current page, or all pages.
- Hide all section tools.
- Hide itself.
Section Toolbar
- At the top of each section.
- Manage current section.
- Apply to current section.
- Turn app on and off.
- Toggle edit mode.
- Toggle global toolbar.
Context Toolbar
- Available in some sections.
- Toggle button to switch toolbars.
- Toggle on to edit.
- Toggle off when done.
Where are Data and Images Saved
A Database in Your Browser
- IndexedDB by name
- Storage space is large enough for texts
- Export to and import from plain text backup online.
- Not intended for images, especially on mobile devices
- Integrated media library with online file storage
Page and Site Data
Page Data
- data related to current page only
- page title and description
- body text
- local sections
- header background, primary colors etc
There can be multiple pages in one site or project.
Site Data
- data related to the whole site or project
- site title and description
- menu items
- default primary colors
- global sections
There can be multiple sites or projects. Each site has its own database.
Page Starts with a Placeholder
What Happens When You Open a Page
Site Database
- one database for each site (project)
- site id is specified in the URL, for example
/?site=gt - site id defaults to “gt”
Page Doc in Database
- each page is a unique document in the site database
- page id is specified in the URL, for example /?doc=my-presentation
- page id defaults to the current URL, followed by _index.md.
Default Page Data
- the page renders with the default data if custom data is not found in the site db.
- for example, this page renders a tutorial if no custom data is found.
Exercise
Reset Page Data to the Default
- this is an alternative way to reset the data of all pages to the default, by specifying a new site id and creating a new blank database. this way does not delete the previous data.
- make changes to a section on this page, with something you can easily recognize, and save the section.
- hover on the left edge of the screen to show the global toolbar
- click on the globe icon to open the site setting window.
- click on the grid icon at the top of the window to show the management options.
- at the tab labelled “Open”, enter a new site id. for easy reference, please use letters and digits and underscore only.
- click the “open” button at the bottom of the window. the page will refresh and restore to the default tutorial. The changes you have made should have disappeared.
- go to the site setting window again, and select or enter the site id “gt”. click the “open” button to reload the page.
- verify the changes you have made are still there.
The page loading process explained
What Happens When You Open a New Site
Site Database
- a new site id is specified in the query string
- the page builder creates a new database as it does not exist
Page Doc in Database
- the page builder gets doc id from the query string, and loads custom data if found.
- as it is blank database, no data exists, default data will be used.
Default Page Data
- the page renders with the default data if custom data is not found in the site db.
- for example, this page renders a tutorial if no custom data is found.
The page loading process explained
What Happens When You Open an Existing Site
Site Database
- the site id is specified in the query string, and defaults to “gt”
- the page builder loads data from this database if found.
Page Doc in Database
- the page builder gets doc id from the query string, and defaults to the current path followed by _index.md.
- the page builder loads document with this doc id.
- your custom data is found and rendered.
Deleting A Site
- you can delete an existing database at “Current” tab of the site setting window.
- after confirmation, the database will be permanently deleted.
- if you have stored some real data in the database, double check before deleting a database. this process is not reversible.
- if you are not sure, it is better to switch to a new site id to start afresh, without deleting the old database.
What People Say About It
Simply Amazing!
Make a Difference with Innovation
Starting a New Site
Go and Talk page builder stores data in IndexedDB, a feature offered by modern browsers. Each site or project is a unique database. Each page is a document in the database with a unique ID.
When a page loads, it checks for site id and page id from the URL query string. Site id defaults to ‘gt’, and page id defaults to the current path followed by _index.md. If custom page data is found, it renders the custom page data. Otherwise it renders the default page data, the tutorial.
When you use the site and page setting user interface, the query string is automatically included in the page URL. You can manually change the site id or document id to load different data quickly, or create a new document.
If you have completed all the exercises in this tutorial, you should have made the following achievements:
- know where to find section toolbar and global toolbar.
- understand how the page loads data.
- know how to reset the page to default data.
Well done. You will acquire new skills and explore new features in other tutorials. Stay tuned.
About Go and Talk Page Builders
Go and Talk page builder is a lightweight web design tool running in the browser. It empowers designers and marketers to create presentable pages quickly without coding. It is optimized for running on mobile devices such as tablets. The generated web pages are responsive, lightweight and optimized for search engines.