Login with the latest thunkable

[evelyn]

Hello All,
Please could anyone direct me to a tutorial on the following:

1. Login form with the latest Thunkable version

2. Linking pictures to other pages

3. How to add video background image in Thunkable

4. How to share your page on social media

5. How to create a floating action menu in the latest version, I have seen a tutorial online, but I cannot find the floating action button in the latest tutorial.

Thank you for your help

[domhnallohanlon]

HI @evelyn - hope you’re keeping well!

I know a lot of these questions were followed up via email, but just in case anyone is reading this in the future, I thought I’d attach a few links;

• Login form with the latest Thunkable version

@jane’s post has everything you need to know:

Sign In Masterpost

This topic will be a thread of posts explaining the different aspects of adding a Sign In component to your app and creating this new version of the Sign In template. One post a day between today (4th June 2019) and Saturday (8th June 2019). Part 1: Firebase This post will walk you through creating a Firebase project, adding Email Authentication to the project, and adding your project to a Thunkable project. You can also follow these steps to add a Firebase DB to your Thunkable project - jus…

---

• Linking pictures to other pages

You can change the background image of a button, because at the moment the image component does not have an onClick event handler.

---

How to add video background image in Thunkable

In this case I’d advise using maybe an animate GIF, as I don’t think movie files are supported.

---

How to share your page on social media

The share component is probably the best bet for this.

---

How to create a floating action menu

@albert has a nice example here:

FAB (Floating Action Button) for Thunkable ✕

Hey Thunkers, While there is no official FAB component for Thunkable ✕, you can create one with a few tricks. [Screenshot_20190108-095119] Here’s a sample project called FABulous that showcases a FAB using the absolute position property in a Row component. These are properties that are used in ReactNative, which forms the basis for Thunkable ✕. The app also uses the Android / iOS device block to open the App Store if the device is on iOS and Play Store if the device is on Android. Happy Thunk…

[evelyn]

Thanks @domhnallohanlon!