I have been trying to get may way around in Quasar, and the bast way is still just to make some code :-)
I need to have a modal for my layout (not all pages need login), and I tried to see if I could make a nice looking modal, using the
q-layoutas suggested in the docs, but then things got strange.
When making a normal
q-modalwith some html inside, it works but was not pretty, then I tried to put a
q-layoutinside, and then … it became invisible. It disables the background, it has inserted all the proper things in the dom tree, but I cant see them.
Need I do something special to use a
PS: where are all the nice demos in the doc ?
Do you mean this demo? http://quasar-framework.org/components/modal.html
@s.molinari Yes, it was not there yesterday :-) I am happy to see it back and working again.
@druppy It wasn’t removed at all :)
@rstoenescu Scary ! :-) I just discovered that the page is responsive … :-)
@druppy To answer my own post, when making a modal that holds another
q-layouttag inside, the
q-modalneed to specify a size of the modal, using
I am sure there is some logic to that, but not in my head at the moment :-)
According to the docs the
Applies CSS style Object to Modal container.
So, probably without it, the modal can’t be rendered.
However, I too am wondering how that property is used. It looks like some Quasar magic? :smile:
@s.molinari I think
q-layoutuses 100% of parent, and parent i as big as the child dictates … and then both got confused :-)
content-cssjust apply the style to the div modal wrapper, so no real magic .