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

[Ela]

@RamNaresh

Something this way,

Hi Ram
I will try this solution tomorrow,
...but there will be 50 rows, will I have to make 50 lists?

[RamNaresh]

@Ela

50 rows

Mean, 50 * 6 = 300 Labels!
Yes, this is how you can refer label using anyComponent, since you cannot provide label names dynamically.

[ABG]

You don't need 50 lists.

You need a table that can expand to 50 rows.

Here's how to get such a table.
(Displaying a table has many solutions in AI2, divided into 3 schools of thought:)

• JavaScript in a Web Viewer (Taifun)
• Component Generators (TimAI2 et al)
• Fixed number of rows (like 3) hard display with Canvas scrollbar and global offset variable (me)

You decide.

[Ela]

@RamNaresh

Something this way,

I followed your suggestion, but it doesn't work. What did I do wrong?

[Ela]

Abraham, I did not understand your corrections, can you explain better?

@ABG

You don't need 50 lists.

I intend to proceed with the fixed rows as I have set.
So what's your solution?

[RamNaresh]

@Ela

What did I do wrong?

Swap them as...

[Ela]

...unfortunately it doesn't work
it shows the same error warning as before

[ABG]

I suggest you add the required Canvas and buttons Vertical Arrangement before diving into the coding of the display of the current window into the data. You will need them to get the current offset, which you are missing in your blocks.

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

[RamNaresh]

col is needed here not row, didn't copy well

this is what it is to be

Note: for robust solution and great learning, I recommend you should follow ABG's suggestion.

[ABG]

I have to point out the difference between the two different types of loops over lists:

• for each item in list
• for each number from 1 to length of list by 1

Use the first when you only care for the contents of the list and you don't care for the order of the list.

Use the second loop when the order is important and you are matching one list against another list, index by index. Be prepared to use the select item from list block in that loop, using the list index from the loop block. There should no need to ask for a new local variable to act as a list index in that circumstance.

[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.