On Wednesday, September 14, 2016 at 2:28:15 AM UTC-6, Rupert Smith wrote: > > In most cases you can, but I think not with Dialog. Since I need to use > Dialog.openOn to show the Dialog, does that not also mean that the dialog > has to be created with Dialog.view? In which case I am constrained to > building it with Dialog.Blocks. Perhaps I am wrong about that, and just > need to set the class to "elm-mdl-singleton-dialog" or whatever the class > name is, and Dialog.openOn will work? >
You can still use Dialog.open stuff, just set it as an attribute on a button, the 'onclick' as javascript or so. Elm has no built-in way yet to call dialogs but that works well and without ports. :-) On Wednesday, September 14, 2016 at 2:28:15 AM UTC-6, Rupert Smith wrote: > I've never looked at the material design spec particularly closely, but if > the spec is for dialogs with only title, content and actions, perhaps I > should stick with that. I have one particular case which is the login > dialog, which I would like to make a bit more fancy than a regular dialog > though - I suppose there is no real need for it to be a modal dialog, > either a card using z position to bring it to the front, or a full login > page with a login box in the middle might be better designs. > Yeah dialogs are pretty well set in the Material spec, just an immobile title at the top, an immobile 'action button' bar at the bottom, and a scrollable middle content body. It auto-sizes to be a floating center dialog on larger screens and a full-screen dialog on smaller screens. All in the spec in the above link. :-) You can still theme up your dialogs with CSS though, like giving your login 'title' area a background image or so, although I do not think that follows the spec perfectly I am not sure about it, but easy to do and works with elm-mdl. :-) -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
