Skip to main content

Notifications

Announcements

No record found.

Service | Customer Service, Contact Center, Fie...
Suggested answer

Choice Lists across enviroment appearing overlapped

Posted on by 39
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
    Cui Hao 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
    Cui Hao 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
    Cui Hao 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

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Suggested Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,280 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,214 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans