No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Notify

    Framework
    3
    6
    177
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jesse last edited by

      hi!

      1 Reply Last reply Reply Quote 0
      • J
        jesse last edited by

         this.$q.notify({
                      message:"Good afternoon!",
                      caption:`Welcome,${this.username}`,
                      actions:[{icon:'fa fa-close',handler:()=>{console.log('click')},color:"#fff",label:"close"}]
                    })
        

        this is my code. the textColor likes doesn’t work.

         notify:{
              position:"top-right",
              color:"primary",
              timeout:1000
            }
        

        and this is default config.
        my i just want add a default closeBtn with icon… emm…
        Can you reply me? thank you.

        1 Reply Last reply Reply Quote 0
        • J
          jesse last edited by

          the ‘actions’ attr ,its color and background-color are same as the notify color,also ‘closeBtn’.

          1 Reply Last reply Reply Quote 0
          • J
            jraez last edited by

            you need to use named color, not hex notation. Try:

            actions:[{icon:'fa fa-close',handler:()=>{console.log('click')},color:"orange-5",label:"close"}]

            see color palette here: https://quasar.dev/style/color-palette

            J 1 Reply Last reply Reply Quote 0
            • J
              jesse @jraez last edited by

              @jraez thanks

              metalsadman 1 Reply Last reply Reply Quote 0
              • metalsadman
                metalsadman @jesse last edited by

                @jesse please use edit function next time.

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post