Answer

Is there anyway to change Acumatica Screen UI element color conditionally?

Forum|Forum|3 years ago
September 24, 2022
3 replies
736 views

R

+6

ray20
Captain II

Hello,

I understand we are having yellow alert and also the highlight frames like below.

But I am still curious to ask, is there anyway that we could change the font color of “Credit Hold” to RED? Only this single element. No other fields. And also it is only red when it is “Credit hold”, it remains black when open or completed.

Best answer by Nayan Vadher

is there anyway that we could change the font color of “Credit Hold” to RED? Only this single element. No other fields. And also it is only red when it is “Credit hold”, it remains black when open or completed.

Yes, one need to rely on Javascript for such purpose. See example below:

    <px:PXDataSource>
      ...
        <ClientEvents CommandPerformed="changeStatusColor" />
    </px:PXDataSource>
    <script type="text/javascript">
        function changeStatusColor(sender, e) {
            var edStatus = px_all["ctl00_phF_form_t0_edStatus"];
            var edStatusControl = document.getElementById("ctl00_phF_form_t0_edStatus");
            if (edStatus && edStatus.value == "N")
                edStatusControl.style.color = "#FF0000";
            else
                edStatusControl.style.color = "#00FF00";
        }
    </script>

Here, CommandPerformed is raised whenever record is acted upon in terms of loading, navigating, refreshing, actions, etc. e.command can be checked to see what raised this event.

+15

Manikanta Dhulipudi
Captain II
Forum|Forum|3 years ago
September 24, 2022

Hi @ray20

Check this https://community.acumatica.com/customizations-187/change-text-colour-on-a-form-9322#post32807

Thank you

Acumatica Functional Consultant & Customer Experience Supervisor

R

D

Like

+2

Nayan Vadher
Acumatica Developer Support
Answer
Forum|Forum|3 years ago
September 26, 2022

is there anyway that we could change the font color of “Credit Hold” to RED? Only this single element. No other fields. And also it is only red when it is “Credit hold”, it remains black when open or completed.

Yes, one need to rely on Javascript for such purpose. See example below:

    <px:PXDataSource>
      ...
        <ClientEvents CommandPerformed="changeStatusColor" />
    </px:PXDataSource>
    <script type="text/javascript">
        function changeStatusColor(sender, e) {
            var edStatus = px_all["ctl00_phF_form_t0_edStatus"];
            var edStatusControl = document.getElementById("ctl00_phF_form_t0_edStatus");
            if (edStatus && edStatus.value == "N")
                edStatusControl.style.color = "#FF0000";
            else
                edStatusControl.style.color = "#00FF00";
        }
    </script>

Here, CommandPerformed is raised whenever record is acted upon in terms of loading, navigating, refreshing, actions, etc. e.command can be checked to see what raised this event.

R