Suggestions for customising ui?

[Alik2015]

I am just wondering what suggestions are there for creating a custom UI for example when using email and OTP your sample page does everything in one form.

I did see a form Builder which I was trying to play about where however I believe it does not allow me to create separate pages.

As an example user types in email clicks send code and auto redirects to the page that asks for the code.

Looking at the current cshtml under views/ email I see it is using the form Builder.

So what are suggestions to replace the ui?

[simpleidserver]

Hello,

The goal of the FormBuilder provided in SimpleIdServer is to allow administrators to edit the look and feel online without redeploying the application, while also enforcing form security (required fields and anti-forgery tokens).

If you do not want to use the FormBuilder, you can always edit the .cshtml files directly and add the necessary elements.

If you need any help, we can assist you in migrating some pages from the FormBuilder to .cshtml.

KR,
SID

[Alik2015]

Thanks, so just to confirm there is no sample of custom ui somewhere that shows different pages for steps?

Page 1 Enter Email
Page 2 Enter OTP Continue?

And from what i can tell there is no headless way of doing this easily from a complete custom UI. As the swagger endpoints do not generate anything for such auth endpoints.

[simpleidserver]

Indeed, there is no custom UI that shows a different page for each step; everything is built using the form builder. However, we can provide some examples.

[Alik2015]

If you can provide simple steps using razor would be appreciated.At this time we are putting a prototype together for our startup but I believe we will require some consultancy after launch assuming it is something you do? On 2 Jan 2026 16:56, SimpleIdServer ***@***.***> wrote: Indeed, there is no custom UI that shows a different page for each step; everything is built using the form builder. However, we can provide some examples. —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you authored the thread.Message ID: ***@***.***>

[simpleidserver]

I have created a branch named release700 that contains a version of SimpleIdServer without the FormBuilder, used only for the password authentication form.

You can find the code here:
https://github.com/simpleidserver/SimpleIdServer/blob/release700/src/IdServer/SimpleIdServer.IdServer.Template.Startup/Areas/pwd/Views/Authenticate/Index.cshtml

This change already gives you an idea of how to migrate the FormBuilder components to CSHTML.

We can apply the same approach to the other UI components and migrate all of them as well.

We also provide consultancy services. For more information, you can contact us directly at the following email address:
agentsimpleidserver@gmail.com

[simpleidserver]

Hello @Alik2015

I have made some changes in the release700 branch to support your scenario and to provide the ability to split email authentication into two different UI steps.

To do this, go to the administration website and add a new authentication workflow. Enter the following information and click Add:

• Name: email-otp
• Display name: email-otp

Then edit the ACR workflow so that it looks like the following, and click Save:

• First step: emptyEmail
• Second step: otp
• Third step: End step

To test the new authentication workflow, click the Button displayed next to the ACR.
You will then see that the authentication workflow is split into two steps.

In addition, all authentication windows have been migrated from the Form Builder to CSHTML. You can refer to the following project for more information:

• SimpleIdServer.IdServer.Template.Startup

The changes can be tested by running the following projects locally from the release700 branch:

• SimpleIdServer.IdServer.Startup
• SimpleIdServer.IdServer.Website.Startup

[Alik2015]

Thank you for providing me with the examples. I will check and let you know.