How to use Firebase's Realtime DataBase in Thunkable Drag And Drop

Feedback
,
1

There is no option to add Realtime DB UI Component in Thunkable Drag and Drop Interface.

4 Likes
2

DnD users are intended to use cloud variables.

3 Likes
3

I Haven’t Learned Using It yet. I Only Knew About Realtime DB

3 Likes
4

It’s just a much quicker way of user RTDB. Check out the docs Variables - Thunkable Docs

3 Likes
5

But I Have Taken A Corse And I Am Going To Learn It Later.

3 Likes
6

Then you’ll have to use the legacy UI. By the way, which course have you taken? I’m interested in Thunkable courses.

1 Like
7
8

In One Of my project in Drag And Drop, I actually Get RealTime DB in the blocks section. But in another Project I Get Nothing.

2021-04-30_13-02-32
2021-04-30_13-02-321178Ă—629 48.4 KB

This is drag and drop interface as UI Components are Above Core.

2 Likes
9

It looks to me that you have imported this code from a saved screen. I noticed when you import a “saved screen” the component list changes to one similar to the old UI every time you are using the saved screen but when you switch to any of the new screens the component list goes back to the new component list.

See this screenshot from the new UI but I imported the switch from an old “Saved Screen”

image
image896Ă—577 20.7 KB

2 Likes
10

Oh ok

2 Likes
11

Hi
I am little confused in this.
Can anyone tell me how to use this code as cloud variable one? I mean how to convert this code using cloud variable?
(with a specific key in RTDB)
image

1 Like
12

See this example

image
image863Ă—160 20 KB

2 Likes
13

Thank you @muneer !!
I’ll try this out and let you know if I have any doubts!

1 Like
14

Thank you so much @muneer It worked!! :smiley:

1 Like
15

Welcome

1 Like
16

@muneer
Just a small doubt… What if I have to save an image? I will do that using a “url” block right? And also for location?
Can you please clear this too? And if possible can you share a code for the same?
Thank you.
Regards,
A learner.

1 Like
17

Firebase RealtimeDB will not save an image directly in the database. However, you can upload the image to any cloud storage and obtain the URL to the image and save it in a key in the database.

image
image910Ă—136 16.3 KB

To upload images from the app you need to use Cloudinary and Media DB components.

2 Likes
18

Ok Thank you!

1 Like
19

Hi There,

I am interested in drag and drop Thunkable right now and then I tried to make Chat App on DnD Thunkable. After I read the problem on this room discussing and then I realized that I have the same problem like I can’t find block for Realtime Database on DnD Thunkable. Can anybody or you help me? Because this is 2022 maybe someone has been found the trick for the block of Realtime DB on DnD Thunkable, because I didn’t understand if I am using cloud on DnD Thunkable for Realtime DB block.

20

Hey @sellymitramailandash, the answer is 2 posts above yours. In the DnD version, to use firebase, you’ll use the cloud variables. Here is a link to the relevant docs

1 Like