jQuery UI Widgets › Forums › Dialogs and Notifications › Tooltip, Notification, Popover › jqxNotification template images missing?

Tagged: , , , , , , , ,

This topic contains 7 replies, has 3 voices, and was last updated by  Dimitar 8 years, 7 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    jqxNotification template images missing? Posts
  • August 13, 2015 at 11:41 am jqxNotification template images missing? #74795

    realtek
    Participant

    Hi,

    I upgraded to the latest version of jqWidgets, copied all the images and css as well in the correct locations but the notifications do not display the images or close button image etc…

    Is there something I have missed?

    I looked in the jqx.base.cs file and I can see it is using images/info.png for example which I can confirm is there.

    The colour gradient is there though, although it doesn’t look completely the same as the examples on here.

    Thanks

    August 13, 2015 at 11:55 am jqxNotification template images missing? #74796

    Dimitar
    Participant

    Hi realtek,

    Please make sure you have copied the folder images (found in jqwidgets\styles in the jQWidgets download package) to the same place you have the file jqx.base.css.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    August 13, 2015 at 12:01 pm jqxNotification template images missing? #74797

    realtek
    Participant

    Hi Dimitar,

    Yes its definitely there in the correct location, I even opened up the info.png image in Visual Studio and I can see its the correct info image.

    Very odd hmm…

    August 13, 2015 at 12:03 pm jqxNotification template images missing? #74798

    realtek
    Participant

    Ah, it looks code related.

    If I open the jqxNotification after initialising it, then it displays everything fine.

    If I then use .html and set the message, and then open it again – no images display?

    August 13, 2015 at 12:06 pm jqxNotification template images missing? #74799

    realtek
    Participant

    Here is an example of the issue:

    http://jsfiddle.net/fa83W/8/

    August 13, 2015 at 12:11 pm jqxNotification template images missing? #74800

    realtek
    Participant

    ok, I have sorted it – I realised from the example I needed to have a child div which contains the ‘content’.

    The .html was not supposed to be on the parent which was the actual notification control.

    Resolved now – thanks

    February 26, 2016 at 3:25 pm jqxNotification template images missing? #81873

    pjp6684
    Participant

    I’ve been having the same problem. If I set the text in the div, the icon and close button are missing.
    Can anyone post some example code with a child div? I also tried putting a child div inside the main jqxNotification div, and got some strange results.
    The image, text and close button all were enclosed in a white box. In the example below, i dont get the image and close button.

    Heres what I did:
    $(document).ready(function () {
    $(“#jqxNotification”).jqxNotification({
    width: “auto”,
    position: “top-left”,
    opacity: 0.9,
    autoOpen: false,
    autoClose: true,
    template: “success”
    });
    });

    <body class=’bodyScroll’>
    <div id=”jqxNotification”>
    </div>
    </body>

    Javascipt:
    $(“#jqxNotification”).html(“Document ID: ” + docid + ” has been unlocked!”);
    $(‘#jqxNotification’).jqxNotification(‘open’);

    February 29, 2016 at 7:00 am jqxNotification template images missing? #81900

    Dimitar
    Participant

    Hi pjp6684,

    Please take a look at the following example: http://jsfiddle.net/fpxf6p3q/1/. We hope it is helpful to you.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.