• State Verified Answer
  • Replies 4 replies
  • Answers 1 answer
  • Subscribers 14 subscribers
  • Views 4682 views
  • Users 0 members are here
Options
Related

Applying backgroundColor property in a form

FernandoCG
オフライン

Hello, I'm trying to change the background color of a form. It seems simple, but no!!

I have tried several methods but none of them work for me, it does not change the background color of the bodysuit, but rather what is behind it.

With the debugger I have seen that there is the "body" and the "claro" class, but I cannot change the color of "claro", only the body that is behind "claro".


var cualColor = 5; // Por probar un valor
var elementoConClaseClaro = document.querySelector('.claro');

// Verificar si se encontró un elemento con la clase .claro
if (elementoConClaseClaro) {
  if (cualColor === 5) {
    elementoConClaseClaro.style.backgroundColor = "red";
  } else if (cualColor === 10) {
    elementoConClaseClaro.style.backgroundColor = "blue";
  }
}

I have tried with:

- var body = document.querySelector('.clear');
- var body = document.body;
- var body = document.getElementById("clear");

and some more, but nothing.

I have noticed that it works, but it changes the color of the background, you can see it by a thin line at the bottom.

Esto veo en el debugger:

Too many thanks!!!

Parents Reply Children
  • 0 オフライン in reply to AJ Sebastian

    Yes, I know that method, what happens is that when the form is opened, depending on the value of the OF (Manufacturing Order) status, it should take on one color or another. That's why I have to do it by code.

    I have also tried to do it by code from the CSS of the "Form Body" and it works, but I have never tried to mix CSS with AML, I would have to take the value of the State field and depending on what it has, show one color or another.

    That's why I decided to create a method, but I don't know how to take and assign "body.claro" to the variable and use: elementConClaseClara.style.backgroundColor = "red";

    Thank you.

    Greetings.

  • +1 オフライン in reply to FernandoCG

    I was able to set the background color by modifying document.body.style.backgroundColor within an onFormPopulated Form Event. When I was attempting to modify just document.body.bgColor it was being overwritten by the default.css. Directly updating the style in the method code seems to have fixed the issue:

  • 0 オフライン in reply to AJ Sebastian

    OK, perfect, it works perfectly!!! Thank you so much.

    I have realized that my code also works well, the problem was where I executed it. I did it from a method that was launched through an action. It didn't work well that way.

    If from the Form, we create a "Form event" it works perfectly.

    Thank you so much!!!!.

Copyright © 2025 Aras. All rights reserved.