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

    Bind custom class to Dialog?

    Help
    3
    5
    1543
    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.
    • K
      kupa last edited by

      Is there any way to bind custom class to a dialog that was triggered from JavaScript

      with the $q.dialog(options) method ?

      Thank you
      Domen

      1 Reply Last reply Reply Quote 0
      • a47ae
        a47ae last edited by

        You could use it as a component instead of $g.dialog() whic his explained here: http://quasar-framework.org/components/dialog.html#Basic-Usage-As-a-Component

        K 1 Reply Last reply Reply Quote 1
        • K
          kupa @a47ae last edited by kupa

          @a47ae
          It would helped if the Quasar Dialog had an additional class on, but it has the same classes as the Modal component so it cannot be styled separately.

          Dialog classes appenden by Quasar
          modal fullscreen row minimized flex-center

          Also in my case it’s unconvinient to use it as a component since its trigger from vuex store when an action is dispatched.

          Thanks

          1 Reply Last reply Reply Quote 0
          • a47ae
            a47ae last edited by

            You can always open a GitHub issue about this. The modal has such properties to add classes (http://quasar-framework.org/components/modal.html#Vue-Properties) so you propasal should be accepted.

            1 Reply Last reply Reply Quote 0
            • rstoenescu
              rstoenescu Admin last edited by

              If you need a special Dialog, use the QDialog component which can be fully customized instead of this.$q.dialog

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