Modify textarea

Ignition
, , , ,
1

Hello everyone, in a dropdown, I can change the color of the placeholder and I can place an icon before the text. Can I do the exact same thing with a textarea, and if so, how?

I just want a style like this Dropdown:
image

2

Here's one way:

Text Area icon
Text Area icon727×376 37.8 KB

backgroundImage : url("/system/images/Builtin/icons/48/logic_and.png")

3 Likes
3

I can change the text color, but can I also change the color of the placeholder? I couldn't find a prop to do that, is there a way to use a background icon instead of an image?

4

For icon you can use this, note you will need a background size too (even if ignition doenst recognize this style)

url('/data/perspective/icons/material.svg#insert_emoticon')

image
image1513×535 51.5 KB

for placeholder color you need to add a class and this in the stylesheet.css:

.psc-placeholderRed::placeholder{
	color:red;
}
1 Like
5

How can I add a stylesheet.css? I just have these options:

image

And if it is possible i want to change the color of the Icon too.

my props:
image

My textfield:
image

6

Advanced Stylesheet was introduced in 8.1.22.

7

You need to be on version 8.1.22+ for the stylesheet
If you really cant upgrade you can use injection

image
image1323×715 59.2 KB

} .psc-placeholderColor::placeholder{color:blue}{

for the icon color... you could, but you should just create your own icon instead, its gonna be a lot simpler

8

I now have version 1.1.25 and was able to customize everything except for the icon color. I searched for the material.svg on my PC but couldn't find it. How can I change the color of the icon or create a new one?

image

9

this should help you