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 ago
    • Reported - view

    A little problem on 5 step the line no appear.

      • Ninox partner
      • RoSoft_Steven.1
      • 1 yr ago
      • 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 ago
    • Reported - view

    Thanks Steven 👍

    • Ninox partner
    • RoSoft_Steven.1
    • 1 yr ago
    • 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 ago
      • 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 ago
      • 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 ago
      • Reported - view

      Have a very good vacations. 🌴

Content aside

  • 4 Likes
  • 1 yr agoLast active
  • 7Replies
  • 479Views
  • 2 Following