Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Service | Customer Service, Contact Center, Fie...
Suggested answer

Choice Lists across enviroment appearing overlapped

(2) ShareShare
ReportReport
Posted on by 155
Hello,
I’ve encountered an issue where choice lists on any form are displaying incorrectly across the entire CRM environment. Here’s a breakdown of the customizations and steps I’ve taken so far:
    1.    Ribbon Workbench: I’ve used Ribbon Workbench through XRMToolBox to hide several command bar buttons.
    2.    ColorfulOptionsetGridSol: I’ve installed the ColorfulOptionsetGridSol solution from ORBIS.
    3.    JavaScript Customizations:
    •    I’m using a JavaScript function to hide the Business Process Flow (BPF).
    •    There are JavaScript functions that dynamically hide or show fields based on the parent option set field on this form.
    4.    Translations: I’ve modified translations for the local user language.
Interestingly, on the contact form, where I haven’t implemented any JavaScript customizations, the choice lists still display incorrectly.
To troubleshoot, I’ve:
    •    Disabled any custom controls using ColorfulOptionsetGridSol and reset them to their default values.
    •    Disabled the JavaScript functions.
Despite these efforts, the issue persists.
Edit: I’ve discovered the root cause:
    •    The issue occurs based on which tab is set to expand by default. If activate "expand this tab by default" on Timeline tab the choice lists display incorrectly with JavaScript enabled. However, I need the Timeline tab to be the first tab.
 
Has anyone experienced a similar issue or have any insights into resolving this while keeping the Timeline tab as the default expanded tab?


  • Suggested answer
    Cui Hao Profile Picture
    on at
    Choice Lists across enviroment appearing overlapped
    Hi,
     
    Do you have any other questions? If you have any other questions feel free to ask me.
    If it solved your problem, please mark it as verified to help other community members find more. 
     
     
     
    Best regards,
    Cui Hao
  • Suggested answer
    Cui Hao Profile Picture
    on at
    Choice Lists across enviroment appearing overlapped
    Hi,

    I did some testing and it did not reproduce your problem.
    I added the following JavaScript script to Origin's On Change event, and when the /Phone/ tab below the /Origin/ dropdown box is selected, both the BPF and /product/ controls disappear, and it doesn't show any errors.

    My test code is as follows:

    function test(executionContext) {
        var formContext = executionContext.getFormContext();
        var bpfControl = formContext.ui.process;
        bpfControl.setVisible(false);

        if(formContext.getControl("caseorigincode").getAttribute().getValue() == 1){
            formContext.getControl("productid").setVisible(false);
        }else{
            return
        }
       
    }
    I tested it successfully and my timeline is as the first tab.

    Looking at the picture you posted, I see that your dropdown box is not the same as mine, and I'm guessing that you still have other customizations going on.
    Your third party controls may not have been fully disabled or values initialized while you were troubleshooting.
    I suggest you double-check all the customizations you've made in your environment.


    If my answer was helpful, please click Like, and if it solved your problem, please mark it as verified to help other community members find more. If you have further questions, please feel free to contact me.


    Best regards,
    Cui Hao
  • Cui Hao Profile Picture
    on at
    Choice Lists across enviroment appearing overlapped
    Hi,

    I did some testing and it did not reproduce your problem.
    I added the following JavaScript script to Origin's On Change event, and when the /Phone/ tab below the /Origin/ dropdown box is selected, both the BPF and /product/ controls disappear, and it doesn't show any errors.

    My test code is as follows:

    function test(executionContext) {
        var formContext = executionContext.getFormContext();
        var bpfControl = formContext.ui.process;
        bpfControl.setVisible(false);

        if(formContext.getControl("caseorigincode").getAttribute().getValue() == 1){
            formContext.getControl("productid").setVisible(false);
        }else{
            return
        }
       
    }
    I tested it successfully and my timeline is as the first tab.

    Looking at the picture you posted, I see that your dropdown box is not the same as mine, and I'm guessing that you still have other customizations going on.
    Your third party controls may not have been fully disabled or values initialized while you were troubleshooting.
    I suggest you double-check all the customizations you've made in your environment.


    If my answer was helpful, please click Like, and if it solved your problem, please mark it as verified to help other community members find more. If you have further questions, please feel free to contact me.


    Best regards,
    Cui Hao

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

🌸 Community Spring Festival 2025 Challenge 🌸

WIN Power Platform Community Conference 2025 tickets!

Jonas ”Jones” Melgaard – Community Spotlight

We are honored to recognize Jonas "Jones" Melgaard as our April 2025…

Kudos to the March Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 294,206 Super User 2025 Season 1

#2
Martin Dráb Profile Picture

Martin Dráb 232,968 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,158 Moderator

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans