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?
@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 .