List View with Airtable

Discuss
#30

Here’s the Error in Orange Box -

IMG_20200823_182402
IMG_20200823_1824021082×1000 128 KB

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

2 Likes
#31

Ah yes! Thanks!

#32

I’ve used BigImage from ↓


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

#33

Set card view full clickable to true.

#34

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

#35

I didn’t understand you?

#36

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

#37

Show your Design.

#38

image
image1366×768 907 KB

Screenshot_2020-08-23-15-16-37-912_io.makeroid.companion
Screenshot_2020-08-23-15-16-37-912_io.makeroid.companion1080×2280 663 KB

blocks (4)
blocks (4)1767×1855 313 KB

#41

So what can I do?

#42

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

#43

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

#44

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

Search for that unique id.

#45

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

#46

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}"
                  }
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}
#47

I don’t know because

1 Like
#48

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

2 Likes
#49

Yes, I just write the schema according to @themaayur blocks. You can customize it.

3 Likes
#50

I’ve finished the APP :smiley:

2 Likes
#51

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.