4

Progress Stepper in HTML.

Ever wanted to create a step diagram to point users to the steps to follow in Ninox? Then this can be done with a choice field but a nicer representation is with HTML and some CSS.

In this example you can choose the step titles yourself in the hidden fields tab, which appears only in ADMIN mode.

File here.

7 replies

null
    • Rafael Sanchis
    • Rafael_Sanchis
    • 1 yr agoSun, July 30, 2023 at 9:03 PM UTC
    • Reported - view

    A little problem on 5 step the line no appear.

      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr agoMon, July 31, 2023 at 7:48 AM UTC
      • Reported - view

      Here's a working example.

      If you want more choices, you may have to change the limit of the 'Go-right' button also.

    • Rafael Sanchis
    • Rafael_Sanchis
    • 1 yr agoMon, July 31, 2023 at 8:35 AM UTC
    • Reported - view

    Thanks Steven 👍

    • Ninox partner
    • RoSoft_Steven.1
    • 1 yr agoMon, July 31, 2023 at 9:21 AM UTC
    • Reported - view

    Made an extended version where you can use the "caption" of the choice field as titles:

     

    Download here

      • Rafael Sanchis
      • Rafael_Sanchis
      • 1 yr agoTue, August 1, 2023 at 8:35 AM UTC
      • Reported - view

      RoSoft_Steven Hi Steven 

      Is there a way to do something like this.😯 Two levels of steps.

      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr agoThu, August 3, 2023 at 10:59 AM UTC
      • Reported - view

       That must be possible but I have not the time right now (I'm on vacation), maybe later I'll make a more extended version of this. Or maybe  has time? There's also a fantastic new template with  HTML on the Ninox website : Leave Planner

      It's a good source to learn about the interactions between a formula field with html and your database fields. 

      • Rafael Sanchis
      • Rafael_Sanchis
      • 1 yr agoThu, August 3, 2023 at 12:37 PM UTC
      • Reported - view

      Have a very good vacations. 🌴