capuchin | Jekyll for email newsletters | Email library

I am trying to implement something similar to the screenshot below (the first screenshot); i.e., items that wrap when they reach the maximum one column can fit. This example was taken from this project in GitHub (unfortunately, the project is too old that I was unable to run it and see the result).

Inspired by the aforementioned project, I tried the following inside a content page:

A standard way to create a picker with xaml is the following.

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/picker/populating-itemssource

I am coding some projects to learn Svelte and I have been trying to make something similar to a spreadsheet where a user type or change numbers and that reactively make some calculus with a predefined formula (the user can not change the formula). I have tried but I can not do it reactively.

For this I have created a component call Spreadsheet that has two props, the data and the columns, similar to how Quasar do it for Tables.

Here is the REPL with the example.

The idea is that a user change the values on the females, males and area columns and that change the value of the density column reactively with poblationDensity formula.

Below is the sample code already shared in Xamarin docs.

I am very new to xamarin. I was developing my First app in which, a. First page displays userName, password and Login Button b. Second page displays a drop down , so I used picker control. But the picker is not displaying on my app screen.(SecondPage)

App.cs

So I'm building a website that contains information about a bunch of different animal species. I will have a list of 500 items, that should be able to be filtered and sorted by different criteria. For example, I will have a 'country selection' option. If Brazil is selected, the Capuchin monkey among other animals (living in Brazil) should be added to the list.

I could see myself making a list with 50 species with no problem, as the HTML would be manageable. But would having 500 items in a list with filterabilty even be possible without using some sort of database?

I was thinking of just pairing animal items from the list with certain filter criteria. For example, Capuchin monkey with "Brazil", "Mammal", "Omnivore", etc. And when e.g. "Mammal" is selected in the filter, all animals paired with that property (all mammals of the list) is added to the list, or if not paired with the property, then removed from the list.

As you probably can tell, I'm really uneducated on how to go about creating this filterable list. Down the road I might even look into adding a search function.

After pluggin in all content, I would never need to change anything. I've read that databases should only be used if you have dynamic content.

I wouldn't list all 500 items on the same page, as that would make it very slow. I would have 10 items per page.

I don't need a solution per se. I just wish to be pushed in the right direction. Should I look into MySQL? Can a filterable list of 500 items be possible with just HTML/CSS/Javascript? I am somewhat familiar with javascript, and have read that JSON might be able to provide the things I need.

Sorry if my question is vague or if I'm in the wrong anywhere (this is my first post). Please ask for any clarification and any advice or suggestion is greatly appreciated.

Thanks, Manne

What I have: I have a RecyclerView ListView and a onClick functionality for it

What I am trying: Trying to show a toast in view using event handler

MonkeysViewModel.cs