Dynamic card view - Gradient Background

[JaviR3TicS (El Mundo Musical)]

Hello! How can I set a gradient background on a dynamic card view? I use this extension to create them…

[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…

Thanks!
Javier

[Mohamed_Tamer]

Instead of using card views use a horizantal arrangemnt and set the layout is card property to true.then use the background gradient extension to set its background color to gradient.

[JaviR3TicS (El Mundo Musical)]

If I use the extension on a Round Horizontal Arrangement, the round card dissapear… Any fix?

[Mohamed_Tamer]

@JaviR3TicS

If I use the extension on a Round Horizontal Arrangement, the round card dissapear… Any fix?

That’s strange can you show your blocks?
BTW, that isn’t very related with the current thread.

[JaviR3TicS (El Mundo Musical)]

[Mohamed_Tamer]

So this doesn’t work.With round card property ( and many other thing actully )
So what you can do? you can try using this extension to make the horizantal arrangment rounded:

Extension change the design of the button

And this is how to use:

How to create two side rounded title bar and bottom navigation

With this extension : Remove the background color from the component that you are going to round the corners. Put the background color you want, in the component’s properties. Also change the rounding of the 4 corners of the extension component. In the extension block you will have to put the name of the component you want to round. This : [arrendodar] And this : @kumar1334sumit VAcadcpfabaixo it is my Vertical Arrangement. [arrendodar2] [Screenshot_20200806-163429~3]

[JaviR3TicS (El Mundo Musical)]

This extension is only with buttons, right? I need it for the horizontal arrangement… ;(
EDIT: I have found it xd

[Mohamed_Tamer]

Nope.You will find in the download links an extension to work with arrangements

[Rogerio_Rios (Professional Support)]

No. It’s work with arrangement. Did You Read the Topic ?

How to create two side rounded title bar and bottom navigation

With this extension : Remove the background color from the component that you are going to round the corners. Put the background color you want, in the component’s properties. Also change the rounding of the 4 corners of the extension component. In the extension block you will have to put the name of the component you want to round. This : [arrendodar] And this : @Sumit1334 VAcadcpfabaixo it is my Vertical Arrangement. [arrendodar2] [Screenshot_20200806-163429~3]

This is arrangement

[JaviR3TicS (El Mundo Musical)]

@JaviR3TicS

EDIT: I have found it xd

@Rogerio_Rios

[JaviR3TicS (El Mundo Musical)]

Can I change the orientation of the gradient color? @Mohamed_Tamer @Rogerio_Rios

[Mohamed_Tamer]

@JaviR3TicS

Can I change the orientation of the gradient color?

Yes of course.Just change the orientation parameter.
Here you can find them:

Extension: Gradient in a Layout. Colors by list

[JaviR3TicS (El Mundo Musical)]

Extension: Gradient in a Layout. Colors by list

With that extension works?

Extension change the design of the button

[JaviR3TicS (El Mundo Musical)]

Basically, I want to do a similar card like the 4th screenshot

[Rogerio_Rios (Professional Support)]

Using Color Gradient in Kodular Components

[ColorGradient on KodularCreator] Hi friends! After using this platform for months, I have finally gained some experience to share a guide here. In this guide I will show you how to use Color Gradient in Kodular elements like Horizontal Arrangements, Vertical Arrangements, Buttons etc. along with demo in a video tutorial. Well, there is already a known method to use Gradient Effect in Kodular, that is by using a background image with gradient color (which you can easily download from https:…

[JaviR3TicS (El Mundo Musical)]

Yes, I know it, but when I enable the option Is a Round Card, it doesn’t work correctly

[Mohamed_Tamer]

Can you start a new topic for your new question.This isn’t related with this question.the question was:

@JaviR3TicS

How can I set a gradient background on a dynamic card view

And it was answered.Btw, you can mange it by using start color / center color and end color.

[Mohamed_Tamer]

Actually it’s working with me well with a horizantal arrangemnt by setting the is card property to true.