Issues

[dinhvanvoParticipant]

This is my code:
Html:

<jqxNotification #jqxNotification [blink]="true" [theme]="'energyblue'"
                 [width]="250" [position]="'top-right'" [opacity]="0.9" [autoOpen]="false"
                 [autoClose]="true" [animationOpenDelay]="800" [autoCloseDelay]="3000">
  <div #container>
    <span id="msg"></span>
  </div>
</jqxNotification>

Component:

private printMessage(err, tmp) {
        this.jqxNotification.closeAll();
        this.jqxNotification.template(tmp);
        let msg = this.document.getElementById('msg');
        msg.innerText = err.toString();
        this.jqxNotification.open();
        this.jqxLoader.close();
    }

When I start API and get data of grid no error notification, after i stop api and click Save button notification show my custom error “Server Error”.
I check html code:

<table class="jqx-notification-table jqx-notification-table-energyblue"><tr><td class="jqx-notification-icon jqx-notification-icon-energyblue jqx-notification-icon-error jqx-notification-icon-ltr"></td><td class="jqx-notification-content jqx-notification-content-energyblue"><div>
    <strong><span id="msg">Server error</span></strong>
  </div><td class="jqx-notification-content jqx-notification-content-energyblue"><div>
   <strong> <span id="msg"></span></strong>
  </div></td></td><td class="jqx-notification-close-button-container jqx-notification-close-button-container-energyblue"><div class="jqx-notification-close-button jqx-notification-close-button-error jqxWidget14ddcb76ca55CloseButton jqx-notification-close-button-ltr" title="Close"></div></td></tr></table>

Now i start API againt then click save two message show in one notification “Save success!” and “Server error”.

[HristoParticipant]

Hello dinhvanvo,

Could you provide more details?
What are you mean with “after i stop api”?
Could you clarify your issue?
Also, I would like to suggest you look at this demo:
https://www.jqwidgets.com/angular/angular-notification/angular-notification-notificationcontainer.htm
There you could find how to set different text content in the notification container.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[dinhvanvoParticipant]

Hello Hristo,

After i stop api, make my api return error, or you can return error from api.
jqxNotification will show error from api, and i start api againt. And api return success message, now jqxNotification will show two message error first and success message.

I don’t understand but i think with error or exception from api. jqxNotification append new html:

<td class="jqx-notification-content jqx-notification-content-energyblue"><div>
   <strong> <span id="msg"></span></strong>
  </div></td>

[dinhvanvoParticipant]

You can see it in my video: https://youtu.be/Q1m7wTZFLF8

[HristoParticipant]

Hello dinhvanvo,

You have two messages in the jqxNotification container.
Please, clarify your issue.
I do not see your whole code but it looks on some reason you add a second “span” and it is with the same “id” – <span id="msg">
Maybe you use some function to create the jqxNotification.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[mantuonwebParticipant]

Hi I am facing issue related jqwidgets-datetimeinput
the date format d MMMM yyyy is not working as expected. it is showing as 6/11/2020 June 2020 instead of 11 June 2020

Demo

[HristoParticipant]

Hello mantuonweb,

I would like to ask you to choose the appropriate topic (each one widget has a section) for the relevant case.
For example, for your case, it has jqxDateTimeInput section in our forum.
Also, please, log in again into your profile in the jseditor and make the example public and save it again.
Because now it is not visible.
Or you could use the fork option and share it again.

Thank you for this feedback.
I will create a work item for this.
Meanwhile, I would like to suggest you try to use the dd option instead of d option if it is possible for you.
Or another approach will be to try to use some separators, for example: d-MMMM-yyyy

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[mantuonwebParticipant]

Updated the demo for
Hi I am facing issue related jqwidgets-datetimeinput
the date format d MMMM yyyy is not working as expected. it is showing as 6/11/2020 June 2020 instead of 11 June 2020
New Demo

[HristoParticipant]

Hello mantuonweb,

You should use the dd format to miss this “sort date” format.
Please let me know if you have any other questions.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts