[Extension] DynamicComponent extension

extension
#1

See attached for AppyBuilder DynamicComponent extension. It’ll allow you to dynamically create Buttons, Labels, Checkboxes, TextBoxes, Images on the fly. Get it HERE

NOTE: This is only Version 1.0. We are looking for inputs / ideas for enhancement

Test the .apk here: DynamicComp.apk (2.1 MB)

Get the sample .aia here: DynamicComp.aia (16.5 KB)

image.png1915x913 96.2 KB

Below, we are creating 3 Buttons with some Button Text.
Then, wen a button is clicked, Using its Clicked event, we determine the clicked button and perform some action; e.g. opening specific site in WebViewer

image.png1520x668 80.1 KB

Screenshot_2017-08-14-08-29-37.png1440x2560 336 KB

image.png452x1156 44.3 KB

Sept 11, 2017 - We have updated the DynamicComponents extension so that now you can pass HTML text for Label and Buttons. To get effect below, pass text like this:
<font color=red><big>red bold and large</big></font> dynamically set,<font color=red><big>Button red bold and large</big></font> dynamically set
image

Sept 17, 2017 - Updated to include blocks to dynamically add Tabs to top of screen.
Usage: Can be used like menu options for opening new Screens
Companion BUG - After Tabs are added, companion keeps showing them, even if you change to new app. This is ONLY on the companion. Restart companion for new projects.

image
image.png822x122 13 KB

image
image

Dynamic Components
Features you want
Copy buttons etc
Dynamic Components
HTMl file not working properly
Dynamic component: how to set size and image?
Dynamic Components
How to reduce blocks if there are lot of textboxes?
Create list with property picture of components image
Seperate view for every item in list
Programmatically add sprite
I want to create real time posting
#2

very good！！！
thank you,it is a greate extension!
i will try it tomorrow…

#3

i find “removecomp”,could add “addcomp” method？

#4

Use CreateComp block. Is that what you are asking?

#5

@Hossein Hi! I’ve a problem:

image.png1600x900 142 KB

In “List values”: i’ve to take the values from the texts of other labels, i put a “join block” but it didn’t work. What can i do?

#6

It’s because they’re not comma separated. Add a textbox with “,” between them.

#8

Conor said to seperate list values with ,. You cannot join Lbnomeweb & lbfraseweb. You have to join lbnomeweb and , and lbfraseweb

#9

Sorry my ignorance can you send me an example?
I did this:

image.png1600x900 143 KB

Error:
image.png1600x900 141 KB

#10

@Manuelxx your label has htlm tags?

#11

No the LB_fraseweb and LB_nomeweb have a tag and a value (TinyWebDB)

#12

All the blocks:

image.png1600x900 170 KB

It’s an app to share phrases (In the screen1 there’s a login form and here you can write and share the phrase)

#13
  1. For testing purpose, hard code label values and see if you still get the errors.
  2. You only have 2 labels. Are you sure you want to use this extension rather than actuallabels??
#14

@Manuelxx did you try the sample .aia that was provided?

#15

how to change the bottom font typeface?i want to define the bottom’s ttf file.

#16

Yes I’ve tried it and it’s perfect
I think the problem comes from the TinyWebDB

#17

No! I resolved it! :smiley: Thanks for all

#18

@MiuMiu Currently you can’t change the font type. You’ll be able to change size, but not font

#20

Congratulations on the great work! It would be interesting to have the option to change the height and width of the created item.

#21

@Juliano glad you like the extension.
If you change font size, it’ll automatically change height.

We’ll definitely add those options in future release

#22

Many thanks Mr. Hossein!