All available screens for designers

[mariusz-kraj]

Hi,

I wonder if there is any way to get screenshots of all available pages of the theme that we could pass to the design team to prepare the complete design?

[garronej]

Hi @mariusz-kraj,
Unfortunately, there isn't any I am aware of.
Only thing I can suggest is to render every page with mock data and take screenshots using the demo setup, it shouldn't take too long.
If you actually do it, I would highly appreciate you share them here so I can include them in the documentation.

The problem is that depending on how your Key cloak server is configured the page will be radically different.

Best,

[Ann2827]

Hi @mariusz-kraj, We also had a need to submit the forms for designer review and I made a very convenient demo stand. If I need to change the design on a certain form, I don't need to change the mocks anymore. The stand is also convenient if you need to build several themes.

Unfortunately, my repository is private. It will take me a little time to make an example on github.

I'll attach a link here later.

[garronej]

@Ann2827 this is so nice 😍
It would be awesome if this could be open-sourced and integrated to Keycloakify

[mariusz-kraj]

Hi @Ann2827 can you let us know when you will be able to make it public? This awesome work you did :)

[lordvlad]

we could try and set up storybook 🤔

[lordvlad]

first shot https://github.com/codegouvfr/keycloakify-starter/pull/2

[lordvlad]

for this to be really usefull, we'll need to extend the starter with all pages 🧑‍🏭

[lordvlad]

https://starter.keycloakify.dev/storybook

[mariusz-kraj]

This is awesome! Thank you :)