Chamaeleon (Your Material Textfield)

I was working on something like this. But stopped working as I got to know that you are working on it.

4 Likes

thank you for your contribution…
what exactly is a textfield? Is it a textbox or a label?
also probably a screenshot or a short video would help to better understand, what the extension is about…

unfortunately I do not understand, what the different properties are about…

Taifun

7 Likes

A “last-minute” change

If you’re currently using the Filled Text Field, switch to the Outlined Text Field if you plan on upgrading as it will disappear. As of now I am unable to fix the layout issues and plan on just removing it. One thing I did find is I’m not the only one having issue with the Filled Text Field, Google also appears to have products that is having the issue as well.

1 Like

Preview ? Please

2 Likes

Preview? You can download the extension from the first post and test it.

9 Likes

Does this extension only work in Kodular? :thinking:

2 Likes

I haven’t tried it on any other, but if you try, let everyone know.

1 Like

This extension only works in Kodular. :frowning:

1 Like

yet error is not solved??:roll_eyes::roll_eyes:

1 Like

Why reply if I haven’t said anything about it? Why roll your eyes at something I have no control over? Why say something if you’ve never had to deal with issues before while making an extension?

When I get to remaking it again, you’ll be the last to know.

2 Likes

Can we use this extension to create dynamic textbox ?

1 Like

Is that what the extension is for?

2 Likes

Marvelous job! Why I didn’t find this extension earlier :sweat_smile:

4 Likes

when new will release

2 Likes

Hint color is Theme based, Light or Dark… Chamaeleon.apk (5.4 MB)

5 Likes

Wow :open_mouth::open_mouth::open_mouth::open_mouth::open_mouth::open_mouth:

1 Like

There is no definite response, but when I do get to rewriting it, it will be open-sourced in case some people do want to change it according to their uses.

1 Like

Timeline…

In my signature you can see “Another extension coming in hot shortly :fire:” however that has clearly not been the case. With the new extension comes the introduction to a proper working textfield that is from this extension… But it is only the outlined type and isn’t even supposed to be dynamically created, I even somehow happened to fix the floating label margin issue. I expect to begin working on Chamaeleon the first week of November and it shouldn’t take long to go from there.

A few answered questions or comments!

@Boban this will no longer be the case :sunglasses:, you’ll be able to change it. By the way, I’m pretty sure you’re referring to the floating label and the outline?

Possibly December, if not then, my aim is for January. But it will take time for me to figure out how to dynamically generate a layout without it overlaying any others as it does now, which is why you’re advised to use separate arrangements.

I haven’t tested this as I already said, but don’t continue using the filled textfield because it should be the same as other textfield variants.

EDIT: A decision has been made.

I’ve decided to not include the normal or filled variants. What will be left is the outlined variant and I do feel that it was the right decision since design is moving in the direction of borders.

4 Likes

:partying_face: It’s done!

I’ve finished with the new version of Chamaeleon! I’m not sure of who uses this currently, but if you do, I’ve just saved you a whole ton of arrangements with the new one. Before we begin, it does come in a very large size, but if you don’t care then let’s begin!

Blocks?

These are from an example project which I included the AIA for.

Configuration structure…

You can remove any property and it will still work, but it will stick to defaults for the missing property!

Configure block

{
  BOX_CORNER_RADIUS: 4,
  MODE: "LIGHT" || "DARK",
  SECONDARY_COLOR: "#1A73E9",
  TEXT_COLOR: "#000000"
}

“BOX_CORNER_RADIUS” accepts any integer and will be the corner radius of the outlined textfield.

“MODE” is where you use “LIGHT” or “DARK”, the hint color depends on this property. The hint color will be the opposite of the mode so if your background color of the arrangement or screen is light, then set the mode to “LIGHT” so the hint color will be darker than the background.

“SECONDARY_COLOR” will default to “#1A73E9”, but as an integer. It only accepts integers, it will not convert a HEX to a color-int. This will be the outline color of the textfield when in focus.

“TEXT_COLOR” will default to “#000000”, but as an integer. It only accepts integers, it will not convert a HEX to a color-int. This will be the text color of the textfield when someone types.

Create block

{
  HINT: "Hello world!",
  IS_SINGLE_LINE: true || false
}

“HINT” accepts only strings and will be the hint (and floating label) of the outlined textfield.

“IS_SINGLE_LINE” accepts only boolean and is whether the textfield will be 1 line or allow more to be shown when the width in text is reached.

The end :slight_smile:

I hope that the block picture made you understand much of what you’re supposed to do! Enjoy :slight_smile:

MaterialTextfields.aia (3.1 MB)
io.gitlab.stormifire.textfields.aix (3.1 MB)

9 Likes

Nice! But the extension size :scream:

3 Likes