Change text field border color in inline style
Hello
I need to change the color of the input field depending on the condition. For example: <pega: when name = "testWhen"> border: solid 2px red; </ pega: when>. But the color of the border does not change on the input field, but on the entire div including the label.
I need to change exactly the color of the border of the input field. How can i do this?
Accepted Solution
Pegasystems Inc.
IN
Hi Maximl83,
This can be done by creating another set of input fields with back ground color and toggle them with visibility conditions.
Like, when giving input, user should see a set of input fields with no background color
when it is approver screen, approver can see a different section/input fields with background color.
This is the simplest and maintainable way of achieving your requirement.
Hope this helps,
Regards, cherb.
Pegasystems Inc.
US
I have only found out the below pnd link which uses CSS to change Border color of textarea. It may be useful for you.
https://community.pega.com/support/support-articles/border-color-textarea-does-not-change-onclick
Goldman Sachs Group Inc
IN
Hi,
Thank you for posting your query here.
I was able to set border style for a input field based on condition by following the below steps.
1. Created a When rule as below.
2. In the action set of the input field , I have configured as below.
So as per my condition, only if Name field has testWhen as the value, on focus (Event that mentioned) of textField I am getting border.
Hi,
Thank you for posting your query here.
I was able to set border style for a input field based on condition by following the below steps.
1. Created a When rule as below.
2. In the action set of the input field , I have configured as below.
So as per my condition, only if Name field has testWhen as the value, on focus (Event that mentioned) of textField I am getting border.
Hope this helps you.
Regards,
Priyabharathi
Alfa Bank
RU
Thanks you
But I need to change the color not by focus, but by onLoad the page. That is, we determine the color based on the previously entered data. At the previous assignment the client enters the data and we compare it with the data from the database and if the entered value is greater than the value in the database, then at the next approve/reject stage we change the border color.
How can I fulfill this requirement?
Accepted Solution
Pegasystems Inc.
IN
Hi Maximl83,
This can be done by creating another set of input fields with back ground color and toggle them with visibility conditions.
Like, when giving input, user should see a set of input fields with no background color
when it is approver screen, approver can see a different section/input fields with background color.
This is the simplest and maintainable way of achieving your requirement.
Hope this helps,
Regards, cherb.