About navigation flows

SPiD flows are separated into different flows, that can be trigged by you by using different urls. The login flow for instance, is triggered with an url path starting with /flow/login or /flow/auth.

Intro

We developed our new flow engine to

  • reduce redirects in the login flow,
  • update design, to reduce the SPiD branding,
  • give more control to the client over design,
  • and to make it more maintainable and extendable by us in development.

How it looks

During the development of the new flows, we worked with a prototype, that we've made available to you. It can be used to get a sense of how it looks and works, and give you an idea how you can style the flow yourself. This prototype is available at http://preview.spid.se. Each row is a variant of a flow found in SPiD.

Customization

Customization to the design can be made in Self Service. You are able to edit

  • background color and text color outside the frame,
  • the teaser view to the left,
  • and the text shown below the login box.

If you do not configure a teaser, you will get a slimmed down view throughout the whole flow, which looks like this

Slim view

Flows

Help us improve

Did you spot an error? Or maybe you just have a suggestion for how we can improve? Leave a comment, or better yet, send us a pull request on GitHub to fix it (in-browser editing, only takes a moment).

History of this page

Comments/feedback

Do you have questions, or just want to contribute some newly gained insight? Want to share an example? Please leave a comment. SPiD reads and responds to every question. Additionally, your experience can help others using SPiD, and it can help us continuously improve our documentation.