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

    Drop form into modal when in edit mode

    Help
    2
    5
    76
    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.
    • P
      prodigy7 last edited by

      Hi!

      I’ve a “small challenge”, but maybe it’s maybe also not so small I thought:

      I’ve a formular, showing data content. The formular can have two states: “show” (show content) and “edit”. When the edit mode is activated, the fields switching from readonly fields to editable fields. In that situation I want, that the form area is highlighted like content in a modal window. Means the area around the form should be dimmed and not be callable/editable like a modal window is opened.
      When the edit mode is ended, a should operate like before.

      Is there any trick, “kidnap” existing modal window functionality for that? Is there any easy way, doing that?

      qyloxe 1 Reply Last reply Reply Quote 0
      • qyloxe
        qyloxe @prodigy7 last edited by

        @prodigy7 this probably is NOT entirely what you want (at this moment) but it is probable, that (something like) this could be what you will end with 🙂

        https://github.com/mesqueeb/quasar-ui-easy-forms

        1 Reply Last reply Reply Quote 1
        • P
          prodigy7 last edited by

          Hey qyloxe! Right, NOT that what I want but very interesting and maybe a way, build another flexible solution.
          I am grateful for your answer, but regardless of that I would still be happy if someone has a solution for me. What I mean may be compared to a wizard that highlights certain areas in the software to explain their meaning. In principle, I would like to do that, but only to highlight an area where the editing is taking place.

          qyloxe 1 Reply Last reply Reply Quote 0
          • qyloxe
            qyloxe @prodigy7 last edited by

            @prodigy7 The typical way of such a “concept” project is to firstly build a codepen example with what you have now and then it will be easier for people to cooperate and come to solution. From what you write now, it is definitely possible but do we need some events communication, custom components wrapping input groups or something else - IDK. So, build the codepen 🙂

            P 1 Reply Last reply Reply Quote 0
            • P
              prodigy7 @qyloxe last edited by

              @qyloxe said in Drop form into modal when in edit mode:From what you write now, it is definitely possible but do we need some events communication, custom components wrapping input groups or something else - IDK. So, build the codepen 🙂

              I will test something. If that doesn’t work, I’ll do what you describe. Thanks for your time 🙂

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