notifer.js icon indicating copy to clipboard operation
notifer.js copied to clipboard

Position

Open ChristianWeyer opened this issue 12 years ago • 4 comments

Hi - cool tool :)

However, we change the postion to: NotifierjsConfig.position = ["bottom", "right"];

...and it still pops up at the top... hm? Thanks.

ChristianWeyer avatar Sep 25 '12 14:09 ChristianWeyer

Oi weird .. I'll test this and get back to you soon!

sri-rang avatar Sep 25 '12 20:09 sri-rang

  var config = window.NotifierjsConfig = {
    defaultTimeOut: 5000,
    position: ["bottom", "right"],
    notificationStyles: {
      padding: "12px 18px",
      margin: "0 0 6px 0",
      backgroundColor: "#000",
      opacity: 0.8,
      color: "#fff",
      font: "normal 13px 'Droid Sans', sans-serif",
      borderRadius: "3px",
      boxShadow: "#999 0 0 12px",
      width: "300px"
    },
    notificationStylesHover: {
      opacity: 1,
      boxShadow: "#000 0 0 12px"
    },
    container: $("<div></div>")
  };

Hmm this works perfectly for me.

One limitation right now is that once initialized, the position can't be changed.

This of course is not good!

sri-rang avatar Sep 25 '12 20:09 sri-rang

I've wanted to do a rewrite on this project, I guess I'll solve this "bug" with the rewrite. It's actually more of a feature request.

sri-rang avatar Sep 25 '12 20:09 sri-rang

Strange. If I use this code:

var config = window.NotifierjsConfig = { defaultTimeOut: 5000, position: ["bottom", "right"], notificationStyles: { padding: "12px 18px", margin: "0 0 6px 0", backgroundColor: "#000", opacity: 0.8, color: "#fff", font: "normal 13px 'Droid Sans', sans-serif", borderRadius: "3px", boxShadow: "#999 0 0 12px", width: "300px" }, notificationStylesHover: { opacity: 1, boxShadow: "#000 0 0 12px" }, container: $("

") };

I get this at runtime: http://snag.gy/W9kWY.jpg

Any idea? Thanks!

ChristianWeyer avatar Sep 25 '12 20:09 ChristianWeyer