10

Dashboard Template

Hello everyone!

After the    post, I decided to start a new one. This will make it easier to follow the changes.

New features have been added:

  • Sticky buttons. Thanks to   CSS hacks, I was able to make the buttons component sticky. Now the buttons always remain visible to the top of the page as we scroll down.
  • Scroll into View. By clicking a button the page automatically scrolls into the correspoding section. In the attached database press the first button "Accounts" to see it in action.

The combination of the above two features has the potential to transform the way we design our Dashboards. Like the one-page websites, we can present our content in sections on one long Dashboard.

In Safari works but I haven't check it in other browsers. Let me know if you find any bug.

What other functionalities would you like to see?

Leave here your suggestions, ideas or improvements!

Enjoy!

218 replies

null
    • szormpas
    • 3 mths ago
    • Reported - view

    Version 11.0

    Floating Widget

    Hello everyone,

    Tooltips and popovers are really useful and they make a massive difference to the user experience.

    While it's pretty straightforward to create a floating element with CSS, positioning it in relation to other DOM elements can be tricky.

    Luckily, there's a great low-level library called Floating UI that helps us position floating elements such as tooltips and popovers perfectly.

    The new Floating Widget makes it super easy to add tooltips and popovers to your Ninox dashboard. I've kept the CDN links in place, so you can just copy and paste the code into a function field and you're all set.

    To see what the library can do, move the buttons to the edges of the viewport and watch how the floating elements move around.

    Have fun! 🙂

      • szormpas
      • 3 mths ago
      • Reported - view

        Hi,

      When you're in 'Edit mode', just open the 'Edit page'. Then just start counting all the fields you see behind the 'Dashboard' tab. The 'Text' field is numbered 20 (see in the screenshot).

      Follow the same steps in your database and replace the number 20 with the right one.

    • szormpas
    • 3 mths ago
    • Reported - view

    Version 11.4

    View Widget enhancements

    Hello everyone,

    I've implemented two new features:

    1. It's possible to render an image in a cell.
    2. There's a new Button you can use to open one or more selected rows.

    I'd like to thank     for the contribution.

    Have fun! 🙂

      • Rafael Sanchis
      • Rafael_Sanchis
      • 3 mths ago
      • Reported - view

       

      👍 Simple example on my PlayGames DB.

      The only problem is that every time open the Widget the Column cover move to the last column.

      • szormpas
      • 3 mths ago
      • Reported - view

        Hi,

      according to the Ag Grid :

      Maintain Column Order 

      When providing new Column Definitions to the grid, the order in which they are provided is the order in which the columns are displayed. This can mean that when overwriting columns with a new set of columns, any columns moved by the user will have their position reset.

      If you instead want to prioritise the order of the columns as they appear in the grid, set the grid property maintainColumnOrder to true.

      • Rafael Sanchis
      • Rafael_Sanchis
      • 3 mths ago
      • Reported - view

       

      Hi Sotirios have a little problem. When add record this message appear, The Plataforma is the same in all lines, Some idea

      • szormpas
      • 3 mths ago
      • Reported - view

        Hi, 

      I see that 'Plataforma' is a column. There are four main things to look out for in the formula script:

      1. Insert a property 'Plataforma' in the 'accountsData' json variable.
      2. Insert a property 'Plataforma' in the 'inputRowData' json variable.
      3. Define the column 'Plataforma' in the 'columnDefs' array.
      4. Set up a field 'Plataforma' in the data variable of the 'createRecord' function.
      • Rafael Sanchis
      • Rafael_Sanchis
      • 3 mths ago
      • Reported - view

       

      Thanks Sotiriod,  I've tried to do something that definitely doesn't work.

      Plataformas: Plataforma.text(Plataformas),

      Where Plataforma is N:1 

      • szormpas
      • 3 mths ago
      • Reported - view

        Hi,

      Let's take a look at this process together, step by step.

      In the first Ninox JSON object, replace the above with the following:

      Plataforma: "Test",

      Assuming you've set up everything inside html() correctly (especially the four places I mentioned before), you should see "Test" in every cell of the Plataforma column.

      • Rafael Sanchis
      • Rafael_Sanchis
      • 2 mths ago
      • Reported - view

       

      Hi Sotirios, I have not been able to solve the problem of the Categories

      let accountsData := (select TRANSACCIONES).{
              Id: number(Id),
              Fecha_Gasto: format(Fecha_Gasto, "DD/MM/YYYY"),
              Monto_Gastos: number(Monto_Gastos),
              Categoria: Categorias.Categoria,
              Status: text(Status),
              Pago: text(Pago),
              Nota: Nota

      The Categorias is a N:1 To Kategorias

      When you can take a look

      • szormpas
      • 2 mths ago
      • Reported - view

         Hi,

      I took a look at your dummy database and I'm not sure I understand the issue with the Categories.

      Could you give me a bit more detail?

      • Rafael Sanchis
      • Rafael_Sanchis
      • 2 mths ago
      • Reported - view

       

      Yes Sotirios, when enter data in Categoria and save the record the data in Categoria don't display 

      • szormpas
      • 2 mths ago
      • Reported - view

        Hi,

      I've managed to get to the bottom of the problem.

      'Categorias' is a reference field to Kategorias, so it can only accept numbers (record IDs from the Kategorias table).

      You'll need to change it to a number column, but you'll also have to think about number formatting if you want to display text instead of the ID numbers.

      I think you should change 'Categorias' to a dynamic choice field and treat it like the field 'Pago'.

      • Rafael Sanchis
      • Rafael_Sanchis
      • 2 mths ago
      • Reported - view

       

      Oh Thanks Sotirios

    • szormpas
    • 2 mths ago
    • Reported - view

    Version 12.0

    Editor Widget

    Hello everyone,

    I've been on the lookout for one last tool that can help me complete the 10 Dashboard sections, and after giving multiple rich text editors (RTE) a try, I've decided that editor.js is worth adding to the list.

    Editor.js is a block-style editor for rich media stories. It's free and open source, created by the CodeX team. It produces clean data in JSON instead of heavy HTML markup. You can check out the base concepts here.

    The Ninox team recently launched a fantastic new rich text editor, but there are still some use cases where we need extra functionality, like checklists, delimiters, alert boxes, tables, and so on.

    Have fun! 🙂

    • cyan_silver
    • 2 mths ago
    • Reported - view

     

    How do I print the annotations on this page? thanks
    • cyan_silver
    • 2 mths ago
    • Reported - view

    https://forum.ninox.com/t/h7yl30w/coordinates-on-the-picture#60yl6ys
    I have an idea,
    Step 1: Click on the position on the drawing, and a dot will appear at the corresponding position.
    Step 2: X and Y coordinate data will appear at the same time
    Step 3: Click the button to add sub-table data (coordinates = current coordinates). After adding the data, there will be tiles on the picture.

    I would like to ask you how to improve the following problems:
    1. The picture will move when you click it for the first time.
    2. Any solution that can be simplified or optimized

    thank you all
     

    • Hans.1
    • 2 wk ago
    • Reported - view

    Hello

    I am using the wonderful map you have created. Is it possible to circle several addresses and create a route in a Ninox route table. 

    I have tried several things but I can't get the marked data from the map into Ninox. 

      • cyan_silver
      • 2 wk ago
      • Reported - view

       
      你好 
      看起來目前是一個點位對應一筆資料,有其他更好的應用提供嗎?
      謝謝