0

Create a custom component in Ninox

Hi,

I was wondering if it was possible to create a custom component in Ninox using programming that we can reuse in any project. If this is possible at all then what is the starting point? Any resources that can help me learn how to do that?

Eg: I want to create an Invoice Total component that is a group of other elements (Subtotal, Invoice Discount, GST etc). I want to be able to place this component at the bottom of the form an pass the price total of all the line items in the invoice.

Is this achievable at all in Ninox through some kind of programming... Just like Ninox would create a component like Button or Textbox etc..

8 replies

null
    • Fred
    • 7 days ago
    • Reported - view

    You can create global functions. But they are only available to the DB it is in. Of course you can copy and past the code into other DBs.

    Though it doesn't sound like that is what you need. It seems like you just need the appropriate formula fields. If I'm wrong please further explain your needs.

    • Database App Developer
    • vermau81
    • 2 days ago
    • Reported - view

    What I want is to be able to create custom UI elements that I can use in Ninox. Eg: an Address element that is a group of few text boxes (Street, Suburb, State, PostCode). Maybe HTML and something else is used to create such elements and then how do we incorporate these custom UI/UX elements in Ninox in various projects

      • Fred
      • 2 days ago
      • Reported - view

      Once you have it developed for one DB, you can copy the same code to other DBs. If there are a lot of HTML then you can create a table that stores all of the different pieces of code then you can call them when needed.

      • Database App Developer
      • vermau81
      • 2 days ago
      • Reported - view

       all that come later my friend. But first thing is i need to know how to write these components. Where to start from. Is there any learning material or source available where i can start reading from

      Does anyone know of any resource where i can learn from how to create custom elements in Ninox?

      • Fred
      • yesterday
      • Reported - view

      Sadly there isn't anything put together that covers what you ask. You can check out this post by  to see what can be accomplished.

      One tidbit, is that since Ninox uses HTML to render all the pages, so you need to make sure that you put all of your components into <div></div> or some equivalent separation. You can't use <body> or <header> since Ninox uses that part of the page already.

    • Sean
    • 20 hrs ago
    • Reported - view

    There are many resources available online. One that I think aligns with what you have described is Chris Ferdinandi's Lean Web Club . He also has a YouTube channel which is free. I would focus on the Web Component videos. There is a lot to learn and it won't happen overnight. Good luck!

    • Ninox developper
    • Jacques_TUR
    • 11 hrs ago
    • Reported - view

    It seems to me that what you're looking for is a WebComponent. This allows you to create a user interface with specific and reusable behavior. However, it is entirely based on HTML/CSS/JavaScript. This essentially means recreating a complete interface on top of Ninox. Is it really worthwhile, considering that Ninox is very efficient at creating formulas to calculate totals or invoice percentages?

    Ideally, Ninox would have a model concept, but as of today, it doesn't exist. However, if you want, you can use Ninext's copy/paste feature to duplicate fields that already have the appearance and functionality you want from one table to another.

    • Ninox Widgets & User Interfaces
    • Jakob_Jordan
    • 10 hrs ago
    • Reported - view

    Hey Vermaji, if you want you can have a look into our Ninox Widgets. They are built on top of Ninox, they are easy to set up with Ninox Code and reusable. We provide an entire documentation with several examples: https://www.arc-rider.de/documentation/custom-table

    You can choose from over 20 Widgets, large ones or mini widgets. Our pricing is based on a yearly fee. We constantly update our widgets and they are used by around 50 Ninox customers and developers in over 200 databases already :) I have attached our latest presentation (used for the Ninox Webinar in December 2024).

    If you have any questions feel free to join our discord: https://discord.com/invite/Fg67f8qX3K

    Cheers, Jakob