[F/OS] - Dynamic Components Extension (for every component) 2.2.2

Ok, let’s wait for @yusufcihan to give his input about this.

1 Like

I was using an another method to delete the components, but I just noticed it behaves weird for some components, so instead of removing them from view, I changed the behavior of Remove block and now it makes the component invisible (by changing Visible property) instead of trying to remove it from view. Both methods are the same in theory, only backend was different.

Thanks for informing me about that! Remove block is now remade and I will publish the new version today which fixes that bug along with new blocks! :slight_smile: (and for public source code :wink:)


Please, think carefully about this choice, the remove method frees memory and let you reuse the id, indeed a very good achievement. The visibility of each component is already managed by its properties, so now we are advised that for some components, at present, is not possible to destroy them and we can decide ourselves which method is better for our goals. Maybe in a future time you could manage to find a solution. Just an idea: you can try to contact Evans at MIT in his blog on appinventor and discuss the matter with him. He is deeply involved in developping Appinventor and a very kind person.

1 Like

Hi. Yusuf. I tested this component and I think it brings Kodular to another level.
I change all dynamic componentes by it. Kodular didn’t have dynamic arrangents but I got to produce a list using it in place of Dynamic CardView.
Now I get to see Kodular as an OOP (Object Oriented).
I will continue to explore possibilities.


I think you also meant Java :grin: Thanks to Java, it would be impossible to make such an extension without using Java’s features!

That’s the spirit! Also you can be sure about that I will continue to explore what can I do more for App Inventor!

You’re welcome :blush:


Thanks for using my extension and for 50 likes! Glad you’re liked it :blush: Now after a month of releasing the extension, here is the new version along with new blocks as I promised!

Version 1.1

5 new blocks!

  • GetName
    Returns internal name of the component.

  • SetProperty
    Allows you to set a property for a component, I made that as replacement for Any Component blocks. So you won’t need to use Any Component blocks for setting properties of the component. It is an experimental block for now due to some value types not supported at the moment, sorry. Also it works for the properties which doesn’t have a Setter block in Blocks area but have a setter method in the code.

  • GetProperty
    Allows you to get the property value of a component.

  • RemoveAll
    Same as Remove block, but it does that for all created components.

  • GetDesignerproperties
    Maybe most people won’t use it because they won’t need it :sweat_smile: but it is useful to display all property names along with variable types of a component in app directly.

I also fixed the Remove block bug as @Tiziano1960 reported. Thanks!

Now extension is open source!

Starting from now, extension is now open source on :github: GitHub! (to support open source of course :grin:) It is released on MIT license, and if you want to use the code or do something different, you must follow the MIT license’s terms. :wink:

I updated the topic, you can find the new release from first post.


how I can use this extension to load images from different lists?
I have three lists of images. I know that how to use this for one list.

1 Like

Which block will allow to click on CardView and get ID?

1 Like

Oh, got the solution, thanks for this awesome extension.
blocks (8)


How to ignore This ID is already used error. I want if id already there, then don’t create or don’t show any error

1 Like

That makes no sense. ID needs to be unique, because it is the key which identifies created component. You use the ID to access/manage/remove the component. Overwriting to existing ID means, other created component will be forgotten, and you won’t able to control it anymore.

So, it is not and won’t possible to ignore this error. You can add different text to end or start of the ID, so you won’t see the error.


I am using a view pager, and creating some cardview and text list from airtable, when view pager position 1 is selected, showing some data, and later when I am going to viewpager position 2, it is showing data, but when I am returning to the same position again, it is giving this error.

1 Like

Solution 1:
Remove your old components before creating new ones with same IDs.

Solution 2:
Create two instances of DynamicComponents extension by dragging and dropping new one to the Designer.

Solution 3:
Add another text to the IDs for different ViewPages. For example add ViewPager1 text to the ID for your first ViewPager, then change it to ViewPager2 for other ViewPager component.


Not possible this way… when the same position is selected, I can only empty list my airtable list view data,

Here, viewpager arrangements are also dynamic.
please check the aia file I have messaged to u

1 Like

If you add RemoveAll block to your code, you can delete all created component with one block.


1 Like

I tried, showing error.

1 Like

Strangely, I couldn’t get the same error in blank project. I will try later, and will let you know if I find the problem.


how come when i use the remove all component it only removes the last of those created and does not remove all of them.

1 Like

Actually RemoveAll is just a loop which executes Remove block for each created component, so if Remove block throws an error, RemoveAll block won’t execute properly. You can use a foreach loop and delete component with Remove for now, I will take a look into it what I can do about it.

1 Like

isn’t possible to bring a new update:- The block will check, whether same ID is already there or not before creating any dynamic component ? if already there (on error occurred ) show message with id name.

1 Like