So far, I have written a few (closed source) apps in Hoplon, without major problems integrated my code with amcharts and gauge JS libs. Nothing really big or even medium, just small reactive apps. In one of them, I was able to create a very nice date picker like input which accepts multiple formats - javelin was priceless in that scenario.
Now, I would like to take all of that to a new level. At that point I need to create multiple containing many inputs. Multiple means, many independent elements existing on the screen at the same time - imagine gmail's new mail window. Also, as a second requirement, I need to be able to have a modal data entry dialog, again containing multiple input fields. Coding up the form itself is not that difficult - https://github.com/tailrecursion/hoplon-demos/tree/master/validated-form serves as a good example.
However, inserting it on top of the DOM is an unknown for me (I am really not UI/HTML/CSS expert - in fact this is why I use Hoplon). I played before with "hidden" attributes to conditionally show/hide certain divs containing forms/data entry and/or outputs - but that does not seem to be a idiomatic approach. Yet it does not scale nice.
I guess, my real question is how to dynamically place a thing (defined with
defelem) or things on top of my existing DOM without making every other piece of the code subdued to just those elements.
I would appreciate suggestions ...