Drop form into modal when in edit mode



  • 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?



  • @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



  • 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.



  • @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 🙂



  • @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 🙂


Log in to reply