How To Change another text Label According to Clicked Cardview in Dynamic Component with Schema

HI, im new to kodular, still get in touch for about a week…
So i used dynamic component from @yusufcihan and using a schema, for looping a card view into good-looking listview :slight_smile: . im using google spreadsheet as database.
so i need help with some simple mechanism but i dont know how to arrange the block for this task.
How to make, when the cardview clicked, it can get the corresponding text from the clicked cardview to change another label text.
help I’m stuck. here my full blocks.

1 Like

Use the same select list item list block and use index alone dynamic I’d.

If it contain any text replace it with none

1 Like

im still confuse with the logic, how can i call the index from the above dynamic component schema?
can i get a little help with block?

1 Like

How do you identify your cardview ? Post your schema or part of schema that shows how you set cardview

1 Like

Thx for attention…
this is schema im using…

{
  "name": "AlHadits",
  "metadata-version": 1,
  "extension_version": 5,
  "author": "<your name>",
  "platforms": ["creator.kodular.io"],
  "keys": ["id", "NamaBab", "NoBab", "isiHadits"],
  "components": [
    {
      "id": "CardViewList_{id}",
      "type": "MakeroidCardView",
      "properties": {
        "BackgroundColor": -32393647,
        "CornerRadius": 10,
        "FullClickable": true,
        "Width": -2
      },
      "components": [
        {
          "id": "HAJudul_{id}",
          "type": "HorizontalArrangement",
          "properties": {
            "BackgroundColor": 16777215,
            "Width": -2
          },
          "components": [
            {
              "id": "BAB_{id}",
              "type": "Label",
              "properties": {
                "FontBold": true,
                "FontSize": 20,
                "FontTypeface": 7,
                "FontTypefaceImport": "GentiumBookPlus-Bold.ttf",
                "Width": -1,
                "Text": "Bab : "
              }
            },
            {
              "id": "Nama_BabHadits_{id}",
              "type": "Label",
              "properties": {
                "FontBold": true,
                "FontSize": 20,
                "FontTypefaceImport": "GentiumBookPlus-Bold.ttf",
                "Width": -2,
                "Text": "{NamaBab}"
              }
            }
          ]
        },
        {
          "id": "HAList_{id}",
          "type": "HorizontalArrangement",
          "properties": {
            "BackgroundColor": 16777215,
            "Height": -1010,
            "Width": -2
          },
          "components": [
            {
              "id": "No_Hadits_{id}",
              "type": "Label",
              "properties": {
                "FontBold": true,
                "FontTypefaceImport": "GentiumBookPlus-Bold.ttf",
                "Width": -1015,
                "Text": "{NoBab}"
              }
            },
            {
              "id": "Space_{id}",
              "type": "SpaceView",
              "properties": {
                "Width": -1001
              }
            },
            {
              "id": "Isi_Hadits_{id}",
              "type": "Label",
              "properties": {
                "FontItalic": true,
                "FontTypefaceImport": "GentiumBookPlus-Italic.ttf",
                "Width": -2,
                "Text": "{isiHadits}"
              }
            }
          ]
        }
      ]
    }
  ]
}

Try this way

1 Like

It works like a charm,
i still dont get the logic… need more time for understanding the meaning of every blocks.
but this is my result of the code you give… thank you very much, running smoothly just like i want.
Result Video

this is my full block of this screen.

i will mark this discussion as solved… once again many thanks…

1 Like

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