Material Icons font in Dynamic Labels

[AndreAC10]

How can i set the font of a Dynamic Label to “MATERIAL ICONS”??

PLEASE HELP ME IT’S URGENT

[Chocoduba_BR (Gabriel Andrade)]

Dynamic Label, Dynamic Font? - Feedback / IWant - Kodular Community
I think this will help you

[Mohamed_Tamer]

You can use the dynamic components extension:

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

Dynamic Components Extension that supports every component in your AI2 distribution, instead of having pre-defined components. I thought about making a full method to create all dynamic components without creating different blocks for every component because it would be useless. So I was trying to find a proper solution for a long time. And here it is! The minimum required API version for this extension is 1 . It basically uses Java’s Reflection feature, so this allows you to create…

And use With Icon From Material Font block to set a material icon to your component or use the dynamic components SetProperty block to set the property FontTypeface with the value 7 (Material Icons)
See here an example with the button component ( first list view type ):

5 Different Listviews using Dynamic component Extension | Guide

So Welcome, Everyone today in this guide I will show how to make different listviews using @yusufcihan 's Dynamic Component Extension. It is fully Customisable According to your needs. So Let’s Begin 1. Simple ListView (Icon, Title & Action Button) • Layout [image] • Inputs [image] Icon : Url Title : String Material_Icon_Name : String For Material Icon Name Click Here • Blocks [blocks] • Schema { "name": "Simple ListView", "metadata-version": 1, "author": "Maayur (rewritten …

See also here

[AndreAC10]

Ok, but why Kodular gives me this error? And why can i resolve it??

java.lang.ClassCastException: com.google.appinventor.components.runtime.util.KodularDynamicUtil$ComponentReturnHelper cannot be cast to com.google.appinventor.components.runtime.ComponentContainer

[hammerhai (Nathan)]

You are trying to use one of the Dynamic Components as a component (not the actual visible component), which one are you trying to use?

[AndreAC10]

I don’t know… is the error caused by Kodular’s Dynamic Components and Yusufcihan’s extension?
Here are the blocks, help me please

[Mohamed_Tamer]

See here:

How to compress image using DevYB compression extension and then load the image asynchronously using the image utilities component?

Btw, you can’t use Kodular’s dynamic components with @DevYB’s image loader, alternatively, you can use the dynamic components extension instead:

[AndreAC10]

Ok, so i have to re-create the code but using Yusufcihan’s extension right?

[Mohamed_Tamer]

@AndreAC10

i have to re-create the code but using Yusufcihan’s extension right?

Yes

[AndreAC10]

Ok thanks

[PapaNoob63]

@AndreAC10

Yusufcihan’s Dynamic Components extension

Don’t use Yusufcihan’s extension you can also do it with variables.
My
Blocks:

Testing Apk:
MaterialFontTest.apk (5.2 MB)

Testing Aia:
MaterialFontTest.aia (1.9 KB)

[AndreAC10]

@Mohamed_Tamer

FontTypeface with the value 7

Can i also set “Outlined” or “Rounded” or “Filled” icon using blocks or i have to download the icons?

[Mohamed_Tamer]

See here:

Materials Icons Outlined Version update

Yes but actually no . Google released Outline, Two-Tone, Sharp, Round versions of Material Icons as CSS styles a long time ago. When you open that link in the browser, it will show up some styles, and you can get the .woff2 files of the fonts by copying the URL in the file. [image] After downloading the file, you can convert .woff2 font to a .ttf font with online file converting services, so you will able to use it in your projects. For example, here is the Outlined .ttf versi…

Same applies for other icon types, example:
https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Rounded

[AndreAC10]

Yeah, but when i insert the name of .ttf file in SetProperty block, it gives me an error

[Mohamed_Tamer]

Can you show your blocks and the error?

[AndreAC10]

[Mohamed_Tamer]

Since you are using a custom font , so the property name should be FontTypeFaceImport.