Get updates via , Github, or RSS | About

Episode 36: Window Resizing Jun 1, 2017

Getting notified when a user’s browser changes dimensions could be done via ports, or you can use the elm-lang/window package to handle the heavy lifting for you.

The Window package allows you to fetch the window size at any given point with Window.size, or listen for updates by subscribing to Window.resizes.

Examples

Main.elm

main : Program Never Model Msg
main =
    Html.program
        { init = ( initialModel, initialSize )
        , update = update
        , view = View.mainView
        , subscriptions =
            (\_ ->
                Window.resizes SizeUpdated
            )
        }


initialSize : Cmd Msg
initialSize =
    Window.size
        |> Task.perform SizeUpdated