wizard rounded type

wizard rounded type

  

Hi Team,


Can we achieve the attached screen wizard in outsystem.

if possible advice which ui we have to use?


Regards,

Parthiban M

Hi Parthibam

The default Wizard / Wizard Item style is already similar to your desired one.

And you can always change the CSS to accommodate your taste.

 

Hi Parthiban,

Have you checked Silk UI framework?

The Wizard pattern for mobile is similar to what you showed. Take a look at the available patterns for mobile and web, you might find what you need. You can find some samples there also.

Hope it helps!

Cheers,

Cláudia


Solution

As Claudia and João explained, to build a wizard you can rely on SilkUI patterns:

https://silkui.outsystems.com/Patterns_Web.aspx#Web_Navigation_Wizard


Other option is to look into the sample application available on forge:

https://www.outsystems.com/forge/component/617/car-accident-reporting/


Nevertheless you will need to adapt CSS.

Solution