List View with Airtable

Something like that :

2 Likes

Yep, right

I hope now @JaviR3TicS got the solution.
Thanks @Mohamed_Tamer for blocks as I was unable to post them.

2 Likes

Why it doesn’t worK? @themaayur @Mohamed_Tamer


The error is: The operation replace all cannot accept the arguments: , [nothing], [cc], [empty-string]

Here’s the Error in Orange Box -

You are using wrong block of yusufcihan Extension that’s why it’s returning nothing.

2 Likes

Ah yes! Thanks!

I’ve used BigImage from ↓


but I can’t click on the cards. Why is it?

Set card view full clickable to true.

I’ve done it, but I have to click beetween 2 cards to do the actions

I didn’t understand you?

If I want to click on any card, I have to click in the middle/space of 2 cards

Show your Design.



So what can I do?

Set image or Label to clickable.
Or all of them.

But if they click on one image that is not of videos, it will get an error

images have id’s as they are created by Extension.

Search for that unique id.

Are you sure in schema template fully clickable is set to true. I have not checked it, @WatermelonIce created it.

How can I set it? The JSON:

{
  "name": "BigImage ListView",
  "metadata-version": 1,
  "author": "Maayur (rewritten by WaterMelonIce)",
  "platforms": [
    "Kodular"
  ],
  "keys": [
    "count",
    "title",
    "subtitle"
  ],
  "components": [
    {
      "id": "{count}",
      "type": "MakeroidCardView",
      "properties": {
        "ContentPaddingBottom": 0,
        "ContentPaddingLeft": 0,
        "ContentPaddingRight": 0,
        "ContentPaddingTop": 0,
        "AlignHorizontal": 3,
        "AlignVertical": 2,
        "Width": -2,
        "Height": -1,
        "CornerRadius": 5
      },
      "components": [
        {
          "id": "HorizontalArrangement_{count}",
          "type": "HorizontalArrangement",
          "properties": {
            "AlignHorizontal": 1,
            "AlignVertical": 2,
            "Width": -2
          },
          "components": [
            {
              "id": "Image_{count}",
              "type": "Image",
              "properties": {
                "HeightPercent": 14,
                "WidthPercent": 32,
                "ScalePictureToFit": true
              }
            },
            {
              "id": "Space_{count}",
              "type": "SpaceView",
              "properties": {
                "WidthPercent": 3
              }
            },
            {
              "id": "VerticalArrangement_{count}",
              "type": "VerticalArrangement",
              "properties": {
                "AlignHorizontal": 1,
                "AlignVertical": 1,
                "Height": -1,
                "Width": -2
              },
              "components": [
                {
                  "id": "label_{count}",
                  "type": "Label",
                  "properties": {
                    "Width": -2,
                    "FontTypefaceImport": "Product_Sans_Bold.ttf",
                    "FontSize": 23,
                    "TextColor": -16738680,
                    "Text": "{title}"
                  }
                },
                {
                  "id": "subLabel_{count}",
                  "type": "Label",
                  "properties": {
                    "Width": -2,
                    "FontTypefaceImport": "Product_Sans_Bold.ttf",
                    "FontSize": 15,
                    "TextColor": -1565085,
                    "Text": "{subtitle}"
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}

I don’t know because

1 Like

I have set it. Now it works. You have to add
"FullClickable": true

2 Likes