jQuery UI Widgets Forums Angular jqxMenu, ngx-translate and minimizeWidth problem

This topic contains 1 reply, has 2 voices, and was last updated by  Todor 8 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • alain_bnp

    We are trying jqxMenu with ngx-translate and the jqxMenu property “minimizeWidth”.

    We use pipe for translation in the jqxMenu:

    <jqxMenu #ctrlMenuHeader [width]="'auto'"[minimizeWidth]="450" [autoOpen]="true">
    <li>{{'HDR.MENU_1' | translate}}</li>
    <li>{{'HDR.MENU_2' | translate}}</li>

    If the browser window containing this menu is less than 450px, then jqxMenu changes its layout and it displays in minimized mode, as it must do it.
    Sadly, the problem is that the menu items translated texts are lost, not displayed anymore

    Since there is no event for switching to minimized mode, does it exist a workaround for our problem?

    Best regards,

    • This topic was modified 8 months, 2 weeks ago by  alain_bnp.


    Hello Alain,

    If you have the translated items you could combine them in an array and load it in the jqxMenu. You could review the following example for reference.

    Let us know if you need further assistance.

    Best Regards,

    jQWidgets Team

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.