# Request for input: block status tracker

**URL:** <https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687>\
**Category:** Questions about Thunkable X\
**Created:** [July 16, 2021, 4:06pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687 "2021-07-16T16:06:58Z")\
**Posts on this page:** 20\
**Page:** 4

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [July 17, 2021, 12:52pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/61 "2021-07-17T12:52:32Z")

</div>

Could you do this?  
The way I’m doing it, the ‘designer’ has to have another sub-bucket before showing the components. Could you divide the designer components into ‘visible’ and ‘invisible’ please?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/a/eab85806edb1371b727d4ec9c5198ccab61e75a6.png)

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 12:54pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/62 "2021-07-17T12:54:05Z")

</div>

Sure, sounds fine. I was trying to think if we wanted one more bin there or not, and that’s a good idea.

---

<div class="post-metadata">

**Author:** ![bnice](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bnice/32/110648_2.png) [@bnice](https://community.thunkable.com/u/bnice)\
**Post date:** [July 17, 2021, 3:51pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/63 "2021-07-17T15:51:41Z")

</div>

Already, total newbie over here. I have never used Firebase or really any of the other databases, but I am ready to learn what I need to. Is Firebase sharable? What can I do to contribute most to this development?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [July 17, 2021, 4:08pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/64 "2021-07-17T16:08:16Z")

</div>

We all learn from each other so you should NOT worry at all. The best thing about this community is the willingness of the members to share their codes which in effect their experiences.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 4:27pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/65 "2021-07-17T16:27:54Z")

</div>

I was trying to set up a status page in Thunkable, using a DVL (which would read a local database populated out of Firebase?) I liked what I had pretty well, but when I try to do advanced bindings, something is making the page crash.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/e/ae11fcbafb15c4f515228caf61b257cc797900e8.png)

Here’s sort of what I was looking at – with those headers only showing up to separate categories. (With advanced bindings, one is supposed to be able to set a row height/visibility, but I’ve never tried it before and perhaps that’s what’s bugging it.)

It may just be that I’m not sure how to specify colors from a localDB table that Thunkable is willing to use.

Here’s where I got to: [Thunkable](https://x.thunkable.com/copy/4c06dfaa04e71e093d60496df6c02bc9)

We need icon edits (one for live and one for download/web publish)

Someone (maybe me but not in the next couple hours, so someone else is welcome to have a stab at it!) needs to figure out how to get the advanced bindings to work. I wanted background color on those status buttons, the two labels’ text, and height and visibility on the headers row… and I’m doing something wrong still. 🙂 UPDATE: did this.

Other things that need doing:  
Produce a list of all programming blocks and design elements. Bonus points for json format that can be dumped into firebase (see proposed structure above)  
Find/make an image for each programming block.  
Lay out a “one item” view, sized/styled primarily for web.  
…  
…

I’m afk a couple hours - family stuff. 🙂

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [July 17, 2021, 4:45pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/66 "2021-07-17T16:45:15Z")

</div>

background colors works ok in advanced binding just set the colors in the table as RGB text but I tried the height property and had never be successful with it.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 4:47pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/67 "2021-07-17T16:47:18Z")

</div>

Can you tell me the format for the rgb color? Parentheses? Transparency?

I’ll try it without row height and see if that stops the crashing…,

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [July 17, 2021, 4:57pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/68 "2021-07-17T16:57:59Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/7/5751c2b4acbb80d1f7815fa83ddcd577b2b05539.jpeg)

Use the HEX one. It worked for me. use the full text including the “#”. In the example you will have in your table #45d706

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 4:59pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/69 "2021-07-17T16:59:42Z")

</div>

Thanks! I tried that, but it may do that was fine and row height was triggering the crash. :). I’ll try again once not on my phone. 🙂

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 5:35pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/70 "2021-07-17T17:35:59Z")

</div>

Check it. @muneer was right - row height was the problem. I tweaked my layout a little bit (fit contents!) and now we can have headers where we want them within the DVL! (Everyone else reading probably had that figured out, but that’s my new trick for the weekend.)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/4/54ffa8c8aa3bf6d1d703699626a4d7197e8ffd87.png)

Still needs a bunch of work to look /good/, but I’m feeling like this is on the right track and I know how to yank data out of firebase into the local DB that’s feeding this dataviewer.

Questions - status indicators on the left and names on the right, or the opposite? Include a picture of each block or not? White space between status buttons?

Various other options:  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/2/82d158905d45ad11480ab535cda416378be5659f.png)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/2/d279e96fa4a2e78c490bcb568a15be994a15f1f6.png)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/d/0dad22f8634e1df73d01ff86f32f23caf2a58657.png)

Buttons could look better - would need to edit them to have WHITE outside any included borders and transparent inside. Or could pick a better iOS button. I don’t much care for that one.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 17, 2021, 6:40pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/71 "2021-07-17T18:40:45Z")

</div>

> **[Thunkable Status Docs - Control](https://sites.google.com/view/thunkable-status-console/blocks/control?authuser=0)**
>
> Navigate to

That’s an impressive mock-up!

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 7:16pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/72 "2021-07-17T19:16:02Z")

</div>

Thinking I like this better…  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/b/dbf0c689c82287923f46d1b40fafb6b5bd5e5226.png)  
… and then component names will be clickable to take you to a details page?

---

<div class="post-metadata">

**Author:** ![bnice](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bnice/32/110648_2.png) [@bnice](https://community.thunkable.com/u/bnice)\
**Post date:** [July 17, 2021, 7:16pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/73 "2021-07-17T19:16:30Z")

</div>

I like that one.

---

<div class="post-metadata">

**Author:** ![bnice](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bnice/32/110648_2.png) [@bnice](https://community.thunkable.com/u/bnice)\
**Post date:** [July 17, 2021, 7:22pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/74 "2021-07-17T19:22:03Z")

</div>

@catsarisky Would you like me to make a block image library? I have an easy way to pull the images from the docs. If so, would you like me to throw the image URLs in a google sheet, and whoever is making the database can pull from there?? If so, do you want all of the blocks? General blocks? component blocks?

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 7:24pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/75 "2021-07-17T19:24:10Z")

</div>

I would be THRILLED if you’d make an image library @bnice ! Sure, Google sheets is great.  
Can I suggest the following structure?

Category (palette name) | block name | block image URL

That’ll make it super easy to import them.

---

<div class="post-metadata">

**Author:** ![bnice](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bnice/32/110648_2.png) [@bnice](https://community.thunkable.com/u/bnice)\
**Post date:** [July 17, 2021, 7:25pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/76 "2021-07-17T19:25:05Z")

</div>

Sounds good! I will get on that!

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 7:26pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/77 "2021-07-17T19:26:50Z")

</div>

If you’re going to be opening the docs for each one anyway, you could consider adding the column with the url for the docs page for each one. (If that doesn’t fit well with your process, feel free to ignore me.)

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 7:44pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/78 "2021-07-17T19:44:34Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/f/1f4381fb055bbdd9fb43c21179b0e1a160cb0ddd.png)

**Semi-live test app** (I have to hit publish) of what’s integrated so far. [https://thunkable.site/w/iDT0yE0i\_](https://thunkable.site/w/iDT0yE0i_)

Tasks (and who, if claimed):

- Make DVL to use for status page - from local DB == @catsarisky DONE! (until someone with better design skills makes it better) DONE
- Read status info from Firebase and copy to local DB (when screen opens and again when reload button pressed) = @catsarisky DONE
- List of components and images == @bnice DONE
- Import above list of components and image URLs to Firebase == DONE, with minor glitches
- Write Firebase rules == \_\_\_\_\_\_\_
- Add sign-in screen (used for editing, not viewing) == @catsarisky - should add user name and record in firebase.
- Write a screen that retrieves **one** component’s data (read the component name/key from a variable) and displays it. == \_\_\_\_\_\_\_ (This is a beginner Firebase job if anyone wants one. PM me for the API code for some test data.)
- Write screens for editing the various details. == \_\_\_\_\_
- Get data into this thing == (hopefully lots of people)

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [July 17, 2021, 7:57pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/79 "2021-07-17T19:57:37Z")

</div>

OK, so colors for the status page (yes, I am avoiding complicated code by thinking about colors instead):  
Green = working  
Red = not working / not implemented

I think those are obvious (but please tell me if I’m wrong). Where I get into the weeds is when I want the color to say to the user “partly functional, but you’d better read the details page” or “yeah, it pretty much works but there are some sub features missing”. Should anything other than 100% fully functional show as yellow? I worry that most status symbols will be yellow, if so. Lots of components are useable but have some little gremlin somewhere. We could use different shades from green to red, to indicate severity of the problems?

What would you find useful, if you wanted to know how well something was going to work on your target platform, before doing extensive testing?

---

<div class="post-metadata">

**Author:** ![bnice](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bnice/32/110648_2.png) [@bnice](https://community.thunkable.com/u/bnice)\
**Post date:** [July 17, 2021, 8:20pm UTC](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687/80 "2021-07-17T20:20:07Z")

</div>

Good question. What defines not working? If it was me, I think I could do different shades of green, but it also might confuse others. If we went that route, I would do a solid highlight green and a really light green, so only have two options. If we had a yellow, we would need to decide where the line is between yellow and red. What are your thoughts?

Also, here is the Generic block image database with the docs linked. [Thunkable Blocks Image Database - Google Sheets](https://docs.google.com/spreadsheets/d/16GyRKAASgM_XxsNR7e-6sTG-pdtcP3mvbzsxWy6COIc/edit?usp=sharing) To what extent should I go?

**Update**  
Also side idea for later. Could it be useful for users if at the time of the status page we could include a filter, so they could filter the status buttons? So like checkboxes and when the checkboxes change values, so buttons toggle visible/invisible. That way if they only care about iOS and Android Native, the could select those boxes and only see to buttons to avoid confusion. Just a future update idea.

[Previous page](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687.md?page=3)

[Next page](https://community.thunkable.com/t/request-for-input-block-status-tracker/1399687.md?page=5)
