WjMenu without header setting shows ":" after upgrade

Posted by: postmastery on 14 September 2017, 11:31 am EST

  • Posted 14 September 2017, 11:31 am EST

    I have the following WjMenu directive in Angular:

    [html][/html]

    I just upgraded from 5.20152.84 to 5.20153.117. After that the menu dropdown shows a “:” in front of the selected value.

    I didn’t specify a “header” attribute. I just want to show the value. How do I get rid of the “:”?

  • Posted 14 September 2017, 11:31 am EST

    Hello,

    I was able to replicate the issue at my end. I have escalated the issue to the concerned team. I will let you know as soon as I get any information in this regard.

    As a workaround, you can remove the “:” sign from the menu text by handling the itemClicked event. Here is the sample code:

    [js]

    $scope.menuItemClicked = function (menu) {

    var ntext = $(“.wj-form-control:eq(0)”).text().replace(“:”, “”);

    $(“.wj-form-control:eq(0)”).text(ntext);

    };

    [/js]

    Kindly refer to the attached HTML Page which implements the same. Hope it helps.

    Thanks,

    Manpreet Kaur

    2016/02/Menu_SelVal_New.html

  • Posted 14 September 2017, 11:31 am EST

    Sorry, but you used jQuery to workaround this issue. The reason for choosing Wijmo over others was that I doesn’t depend on jQuery. Is there another, cleaner workaround, or has it been fixed already?

  • Posted 17 November 2017, 10:14 am EST

    Hi, i am also waiting for a real solution here. There should be a paramter (true/false) for setting header and the “:” double points. Now when i leave the header empty i get the dots. And there is not event to catch the dots before showing the ui to the user. Instead i have a ngAfterViewInit callback with a 300 ms timeout in order to remove the dot. But there are always visible for a moment.

    Best regards, Asmo.

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels