How can I create data storage using clock component and display it in a table using calendar?

[ABG]

P.S. I have updated my sample to cover cases where the incoming data table has fewer rows than the Label table.

Go Scroll Yourself! blocks only (No extensions, No JavaScript)

As an addendum to this tutorial, here is a small addition to take care of the case where the input table has fewer data rows than the displayed Label tabel. This approach maintains full visibility for all cells, but clears the .Text values of all cells before trying to fill the displayed cells from the (possibly short) input data table. [clear_labels] [load_labels] The clear_labels procedure clears out the text of a given Label table. The load_labels procedure calls clear_labels before try…

[Ela]

Thanks Ram anyway

[Ela]

@ABG

Once you have all that, post a fresh .aia export.

My good intentions weren't enough to place the components you requested, ...not knowing what it's for, where to put VA, Canvas and buttons.
So I just cleared my project of unnecessary blocks and attach the .aia file.
Nadi_06.aia (953.4 KB)
Thank you

[ABG]

I see in your blocks you did not distinguish between a table and a tapeworm:

Here is where the scroll bar went:

This procedure returns a true table (not text)

This is the new procedure to call:

and here is new source code with it all integrated...
Nadi_06 (1).aia (956.8 KB)

(I did this because I failed to properly parametrize my procedures in my tutorial. I do not do this often, and do not rely on me for this.)

[Ela]

I'm studying your solution. Thank you.
Can you explain the meaning and function of the "offset"?

[ABG]

@Ela

Can you explain the meaning and function of the "offset"?

The offset is the relative position (counted in rows) of how far down the small fixed display window has been moved down the larger data table.

Here is another example using an offset, in only one dimension:

Move a scroll bar

Here’s an example using your own Canvas as scroll bar. I used a Ball as a cursor, but you could as well have drawn a bar as a thumb instead. Gallery entry: ai2.appinventor.mit.edu/?galleryId=4965345777025024 [blocks] [buttons] [Capture] Color_code_scroller.aia (11.2 KB) [COLUMN] [Designer] [global color_table] [global colorlist] [global listOffset] [global table_text] [global textList] [loadButtonColors] [nudgeBall1] Uploading: when any Button Click.png… Uploading: when btnEnd Click.png… [wh…

[Ela]

In your solution I will have to create 50 lists/rows, am I right?

[ABG]

You only need to create as many rows in the Label table as you can fit onto your phone in landscape mode that would be visible without scrolling.

How big is your phone?

This reminds me of an old joke:

A man goes into a hardware store, looking for something to help him cut down a tree. The salesman sells him their finest chainsaw. The customer returns later all tired, bloody, and sweaty, and throws the chainsaw down on the counter. "This chainsaw can't cut anything!".
The salesman take the chainsaw, verifies the chain is seated properly and lubricated, and that the chainsaw has gasoline. The salesman pulls the starter cord, and the chainsaw roars to life. The customer, startled, asks "What's that noise?"

[Ela]

My app will be displayed on various devices, including tablets. It depends on the user's choice.

[ABG]

The number of rows you display in Labels is a compromise between

• what will fit on the smallest device screen without scrolling
• your patience in adding extra rows of Labels to the screen and to the label_table component table in the Blocks Editor.

Off the top of my head, I guess 6 rows should be enough to fill the screen without overwhelming the user. This all user taste, which I leave to you.

The blocks measure length of list against the label_table, so they will adjust automatically.

[Ela]

After considering your, Abraham and Ram, solutions and suggestions, I created my table.
I kept my Scroll Arrangement component. It doesn't take up space, it's easy to use for the user, and it's easier for me to manage.

For now I have set 10 rows, but later I will add more.
I made hide the rows/Horizontal Arrangements that don't contain data.
I matched the Namespace TinyDB data with DatePicker.

It works.
...but I have some questions:

• how can I improve and simplify my blocks?

• why doesn't Horizontal Scroll Arrangement work? ...it contains the whole table

• can you explain why I had to set quantity "0" instead of "-1" or "+1"?
  

  

• how can I set the "right arrow" disabled when the date in the DatePicker is set to instant "Now" (after changing days backward and forward)?
  I assembled the blocks like this but it doesn't work:

Nadi_07.aia (958.4 KB)

[Ela]

I found the solutions and improved my blocks.

Now, how can I create my customized DatePicker popup Calendar?
...I would like to mark the days on which the data is stored.

[ABG]

@Ela

...I would like to mark the days on which the data is stored.

This is a sample I had lying around.
You would have to customize it to fit your app's data storage.

Button Calendar

P.S. For an inspiring example of visualization of time-based data, see http://histography.io/
(Not an offer to program it for you)

[Ela]

@ABG

see http://histography.io/

Yes, very creative mind ....like all the App Inventor community

...so

Thank you

[Ela]

When I am clicking the datepicker my calendar starts, but automatically the popup dialog also starts. How can I disable it?

[ABG]

Please download and post each of those event block(s)/procedures here ...
(sample video)

How to Download and Upload Blocks Images

This is made with ScreenToGif just for testing purposes, to see how it looks [Animation]

[Ela]

...ah, ok, no problem.
I will post all the blocks once I have finished working on my calendar, so then we'll see it.

[Spicy_Topics]

@Ela

Now, how can I create my customized DatePicker popup Calendar?

Is this question related to the topic? Else either search in forum or create new topic regarding this. Before that dont forget to hit the properly reply as solutiin which gives you an idea

[Ela]

Hi Spicy, You are right.
So I can correct the topic title in: "How can I create data storage using clock component and display it in a table using calendar?"
They are all related subjects as I explained in my first post. The calendar is just following that thread, until my storing and displaying work together optimally.
Or I can break this thread and create a new topic. However, in this topic there is already the Abraham's suggestion I am working on and I am collecting the questions to ask.

So tell me what you prefer and what is most comfortable for readers

[Spicy_Topics]

@Ela

most comfortable for readers

better split the topic.. Thats always healthy conversation betwenn one and all..

also chek up whether this calendar apps suits for you or not

[O/S] Dynamic Calendar app using Dynamic component

[O/S] Dynamic Calendar app using Dynamic component