Skip to main content

Notifications

Customer Service forum
Suggested answer

Choice Lists across enviroment appearing overlapped

Posted on by 24
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?


Categories:
  • 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

Helpful resources

Quick Links

Community Spotlight of the Month

Kudos to Saurav Dhyani!

Congratulations to the June Top 10 community leaders!

These stars go above and beyond . . .

June 2024 Dynamics 365 Community Newsletter

Catch up on the latest news, events, and plans in the community

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 285,407 Super User

#2
Martin Dráb Profile Picture

Martin Dráb 225,446 Super User

#3
nmaenpaa Profile Picture

nmaenpaa 101,148

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans