Visibility problem when using Dynamic Components and Expandable View

Hi.
I have a problem I can’t figure out, and my wife is angry at me for not asking for help. So now, after 3 days of trying I try here :slight_smile:

I thought it was related to this extension(Expandable View), but after a reply from extension creator in PM I’m not sure anymore. I thought it might have something to with using dynamic components inside Expandable View, and when I changed visibility, Expandable View “lost a component” and then Dynamic Component extension tried to create a new, but failed since it’s already created. But I have no idea, I’m empty of thoughts and therefor need help :innocent:

My problem is this error when I try to change visibility of a dynamic component.

Picture of error

I’ll try to be short in my explaining.

I want to be able to press the button you see named "Klar".

See picture

When that button is clicked I want the watermark in that CardView to be visible if visibility is false, else false if true.

The error have been there since I created this schema, I have tried to edit schema many times to see if anything gets better, but the result is always the same.

I know the schema looks bad now with namings, that’s because I didnt mind naming everything after some edits.

Here's my schema
{
  "name": "Template_Utgifter_v2",
  "metadata-version": 1,
  "extension_version": 5,
  "author": "Choofa",
  "platforms": [
    "creator.kodular.io"
  ],
  "extensions": {
    "FloatingView": "com.jdl.FloatingView.FloatingView",
    "ExpandableView": "com.sumit1334.expandablelayout.ExpandableView"
  },
  "keys": [
    "id",
    "fakturasender",
    "kostnad",
    "fakturanr",
    "fakturafor",
    "forfallsdato",
    "kontonr",
    "kid",
    "fastbetaling",
    "fakturatype",
    "fakturamottak",
    "fakturamottaker",
    "varsling",
    "godkjent",
    "faktura_id"
  ],
  "components": [
    {
      "id": "VA_Utgifter_Liten_MainBox_ID_{id}",
      "type": "VerticalArrangement",
      "properties": {
        "BackgroundColor": 4284572001,
        "Width": -2
      },
      "components": [
        {
          "id": "CV_Utgifter_Liten_MainBox_ID_{id}",
          "type": "MakeroidCardView",
          "properties": {
            "BackgroundColor": -6684673,
            "ContentPaddingLeft": 0,
            "ContentPaddingRight": 0,
            "CornerRadius": 4,
            "Elevation": 6,
            "Width": -2
          },
          "components": [
            {
              "id": "HA_Utgifter_Liten_Top_ID_{id}",
              "type": "HorizontalArrangement",
              "properties": {
                "AlignVertical": 2,
                "BackgroundColor": 16777215,
                "Width": -2
              },
              "components": [
                {
                  "id": "Space1_Utgifter_ID_{id}",
                  "type": "SpaceView",
                  "properties": {
                    "Width": 16
                  }
                },
                {
                  "id": "Logo_Utgifter_Liten_Top_ID_{id}",
                  "type": "Image",
                  "properties": {
                    "Height": 50,
                    "Width": 50,
                    "Picture": "utgifter.jpg"
                  }
                },
                {
                  "id": "Space2_Utgifter_ID_{id}",
                  "type": "SpaceView",
                  "properties": {
                    "Width": 16
                  }
                },
                {
                  "id": "VA1_Utgifter_Liten_Top_ID_{id}",
                  "type": "VerticalArrangement",
                  "properties": {
                    "BackgroundColor": 16777215,
                    "Height": -2,
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "lbl1_Utgifter_Liten_Top_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "FontSize": 10,
                        "Width": -2,
                        "Text": "Faktura fra:",
                        "TextColor": 4286141768
                      }
                    },
                    {
                      "id": "lbl_Fakturasender_Utgifter_Liten_Top_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "FontSize": 20,
                        "Width": -1,
                        "Text": "{fakturasender}"
                      }
                    }
                  ]
                },
                {
                  "id": "VA2_Utgifter_Liten_Top_ID_{id}",
                  "type": "VerticalArrangement",
                  "properties": {
                    "BackgroundColor": 16777215,
                    "Height": -2
                  },
                  "components": [
                    {
                      "id": "lbl2_Utgifter_Liten_Top_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "FontSize": 10,
                        "Width": -2,
                        "Text": "Til betaling:",
                        "TextColor": 4286141768
                      }
                    },
                    {
                      "id": "lbl_Kostnad_Utgifter_Liten_Top_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "FontSize": 20,
                        "Text": "{kostnad}",
                        "TextColor": -6724045
                      }
                    }
                  ]
                },
                {
                  "id": "Space3_Utgifter_ID_{id}",
                  "type": "SpaceView",
                  "properties": {
                    "Width": 16
                  }
                }
              ]
            },
            {
              "id": "Space4_Utgifter_ID_{id}",
              "type": "SpaceView",
              "properties": {
                "Height": 5
              }
            },
            {
              "id": "VA_Utgifter_Liten_ID_{id}",
              "type": "VerticalArrangement",
              "properties": {
                "BackgroundColor": 4278238419,
                "Height": 2,
                "Width": -2
              }
            },
            {
              "id": "Space5_Utgifter_ID_{id}",
              "type": "SpaceView",
              "properties": {
                "Height": 5
              }
            },
            {
              "id": "HA_Utgifter_Liten_Bunn_ID_{id}",
              "type": "HorizontalArrangement",
              "properties": {
                "AlignHorizontal": 3,
                "AlignVertical": 2,
                "Width": -2
              },
              "components": [
                {
                  "id": "VA2_Utgifter_Liten_Bunn_ID__copy{id}",
                  "type": "VerticalArrangement",
                  "properties": {
                    "AlignHorizontal": 3,
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "lbl2_Utgifter_Liten_Bunn_ID__copy{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "Text": "Fakturanr:",
                        "TextColor": 4286141768
                      }
                    },
                    {
                      "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy{id}",
                      "type": "Label",
                      "properties": {
                        "Text": "{fakturanr}"
                      }
                    }
                  ]
                },
                {
                  "id": "VA1_Utgifter_Liten_Bunn_ID_{id}",
                  "type": "VerticalArrangement",
                  "properties": {
                    "AlignHorizontal": 3,
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "lbl1_Utgifter_Liten_Bunn_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "Text": "Faktura for:",
                        "TextColor": 4286141768
                      }
                    },
                    {
                      "id": "lbl_fakturafor_Utgifter_Liten_Bunn_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "Text": "{fakturafor}"
                      }
                    }
                  ]
                },
                {
                  "id": "VA2_Utgifter_Liten_Bunn_ID_{id}",
                  "type": "VerticalArrangement",
                  "properties": {
                    "AlignHorizontal": 3,
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "lbl2_Utgifter_Liten_Bunn_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "FontBold": true,
                        "Text": "Forfallsdato:",
                        "TextColor": 4286141768
                      }
                    },
                    {
                      "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID_{id}",
                      "type": "Label",
                      "properties": {
                        "Text": "{forfallsdato}"
                      }
                    }
                  ]
                }
              ]
            },
            {
              "id": "lbl_Dots_Utgifter_Liten_Bunn_ID_{id}",
              "type": "Label",
              "properties": {
                "FontBold": true,
                "FontSize": 20,
                "HTMLFormat": true,
                "Clickable": true,
                "Height": 15,
                "Width": -2,
                "Text": "-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -",
                "TextAlignment": 1,
                "TextColor": 4278238419
              }
            }
          ]
        },
        {
          "id": "VA_Utgifter_MerInfoBox_ID_{id}",
          "type": "VerticalArrangement",
          "properties": {
            "AlignHorizontal": 3,
            "BackgroundColor": 4284572001,
            "Width": -2
          },
          "components": [
            {
              "id": "Card_View1{id}",
              "type": "MakeroidCardView",
              "properties": {
                "BackgroundColor": -6684673,
                "ContentPaddingLeft": 0,
                "ContentPaddingRight": 0,
                "CornerRadius": 6,
                "Elevation": 4,
                "Width": -2
              },
              "components": [
                {
                  "id": "Horizontal_Arrangement1{id}",
                  "type": "HorizontalArrangement",
                  "properties": {
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Kontonr:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{kontonr}"
                          }
                        }
                      ]
                    },
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "KID:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{kid}"
                          }
                        }
                      ]
                    },
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy1{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy1{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Fast betaling?",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy1{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{fastbetaling}"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "id": "Space6_Utgifter_ID_{id}",
                  "type": "SpaceView",
                  "properties": {
                    "Height": -1002
                  }
                },
                {
                  "id": "Horizontal_Arrangement1_copy{id}",
                  "type": "HorizontalArrangement",
                  "properties": {
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy1{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy1{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Fakturatype:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy1{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{fakturatype}"
                          }
                        }
                      ]
                    },
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Fakturamottak:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{fakturamottak}"
                          }
                        }
                      ]
                    },
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy1_copy{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy1_copy{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Ansvarlig:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy1_copy{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{fakturamottaker}"
                          }
                        }
                      ]
                    }
                  ]
                },
                {
                  "id": "Space7_Utgifter_ID_{id}",
                  "type": "SpaceView",
                  "properties": {
                    "Height": -1002
                  }
                },
                {
                  "id": "Horizontal_Arrangement1_copy_copy{id}",
                  "type": "HorizontalArrangement",
                  "properties": {
                    "AlignVertical": 2,
                    "Width": -2
                  },
                  "components": [
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy1_copy{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy1_copy{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Varsling:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy1_copy{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{varsling}"
                          }
                        }
                      ]
                    },
                    {
                      "id": "VA2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy_copy{id}",
                      "type": "VerticalArrangement",
                      "properties": {
                        "AlignHorizontal": 3,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl2_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Dato godkjent:",
                            "TextColor": 4286141768
                          }
                        },
                        {
                          "id": "lbl_forfallsdato_Utgifter_Liten_Bunn_ID__copy_copy_copy_copy_copy{id}",
                          "type": "Label",
                          "properties": {
                            "Text": "{godkjent}"
                          }
                        }
                      ]
                    },
                    {
                      "id": "CV_Utgifter_Klar_ID_{id}",
                      "type": "MakeroidCardView",
                      "properties": {
                        "AlignHorizontal": 3,
                        "AlignVertical": 2,
                        "BackgroundColor": 4284513675,
                        "ContentPaddingBottom": 0,
                        "ContentPaddingLeft": 0,
                        "ContentPaddingRight": 0,
                        "ContentPaddingTop": 0,
                        "CornerRadius": 6,
                        "Elevation": 5,
                        "FullClickable": true,
                        "Height": -1007,
                        "Width": -2
                      },
                      "components": [
                        {
                          "id": "lbl_Utgifter_Klar_ID_{id}",
                          "type": "Label",
                          "properties": {
                            "FontBold": true,
                            "Text": "Klar"
                          }
                        }
                      ]
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "id": "CV_Utgifter_GodkjentStempel_ID_{id}",
      "type": "MakeroidCardView",
      "properties": {
        "AlignHorizontal": 3,
        "AlignVertical": 2,
        "BackgroundColor": 16777215,
        "ContentPaddingBottom": 0,
        "ContentPaddingLeft": 0,
        "ContentPaddingRight": 0,
        "ContentPaddingTop": 0,
        "CornerRadius": 0,
        "Elevation": 0,
        "Width": -2
      },
      "components": [
        {
          "id": "lbl_GodkjentStempel_Utgifter_ID_{id}",
          "type": "Label",
          "properties": {
            "FontBold": true,
            "FontSize": 60,
            "HTMLFormat": true,
            "RotationAngle": 25,
            "Text": "Godkjent",
            "TextAlignment": 1,
            "TextColor": 843886416,
            "Visible": true
          }
        },
        {
          "id": "CV_Utgifter_id_ID_{id}",
          "type": "MakeroidCardView",
          "properties": {
            "AlignHorizontal": 3,
            "AlignVertical": 2,
            "BackgroundColor": 16777215,
            "ContentPaddingBottom": 0,
            "ContentPaddingLeft": 0,
            "ContentPaddingRight": 0,
            "ContentPaddingTop": 0,
            "CornerRadius": 0,
            "Elevation": 0,
            "Height": 150
          },
          "components": [
            {
              "id": "lbl_Utgifter_id_ID_{id}",
              "type": "Label",
              "properties": {
                "FontSize": 10,
                "HTMLFormat": true,
                "Width": 100,
                "RotationAngle": 90,
                "Text": "{faktura_id}",
                "TextAlignment": 1
              }
            }
          ]
        },
        {
          "id": "CV_Utgifter_AntallTilVisning_ID_{id}",
          "type": "MakeroidCardView",
          "properties": {
            "AlignHorizontal": 3,
            "AlignVertical": 2,
            "BackgroundColor": 16777215,
            "ContentPaddingBottom": 0,
            "ContentPaddingLeft": 0,
            "ContentPaddingRight": 0,
            "ContentPaddingTop": 0,
            "CornerRadius": 0,
            "Elevation": 0
          },
          "components": [
            {
              "id": "lbl_Utgifter_AntallTilVisning_ID_{id}",
              "type": "Label",
              "properties": {
                "FontSize": 10,
                "HTMLFormat": true,
                "Width": 100,
                "RotationAngle": 0,
                "Text": "{antalltilvisning}",
                "TextAlignment": 1
              }
            }
          ]
        }
      ]
    }
  ]
}
Here's my blocks

blocks (1)


blocks (2)

blocks (4)



blocks (8)
blocks (9)

Maybe some of you can see what I’ve done wrong? I have tried many ways to try hiding it, with clock, without clock, with dynamic button click, normal button click, and many more, and today I tried using a textbox, I’ve also tried with no conditions and with conditions. But everything failes. I have managed to get it visible and not visible, but the error always show.

If I forgot any information or anything is not explained just ask.