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!
85 replies
-
Version 8.0
Calendar (scheduler):
Hello everyone,
As we all know, Ninox's built-in calendar is pretty basic and has limited capabilities. I thought that if we integrated a custom calendar directly within the dashboard, we could add features that would enhance the user experience.
FullCalendar.io is a JavaScript library that provides its core as open source. The good news is that its code seems to be quite compatible with Ninox. I was able to fully integrate it and store it inside the Ninox database (no dependency on CDN links).
I've been able to develop the following features so far:
- You can upload and display data directly from the Ninox database (event sources).
- When you hover the mouse over each event, a tooltip will appear (thanks to the hint.css library).
- When you click on an event, the corresponding record will pop up.
- To schedule a new event, just choose one or more free slots in the calendar. A new record will be created automatically and populated with the corresponding dates (thanks to for sharing the use of the fetch method in this post).
- If you need to change the time of an event, just drag and drop it into a different time slot. The record in the Ninox database will be updated right away.
- You can edit the events on the calendar, which means you can move and resize their start and/or end times.
- I've added three views (month, week, day), and I've got more in the pipeline!
I'm thrilled to announce the launch of the first free, open-source scheduler for Ninox!
-
try the following and let me know if everything is working as expected:
format(datetime('Fällig am', 'Uhrzeit'), "YYYY-MM-DDTHH:mm") -
At first glance, I see that the Full Calendar library can display events from a public iCalendar feed, according to the docs: https://fullcalendar.io/docs/icalendar
-
thank you so much for all your help and time, but this doesnt work either. I feel that the error might be somewhere else and not in the script.
-
I mean the other way round, like that Full calendar can be exported to iCal. Googleing around there are some approches, but no way for me to implement it - its far beyond my knowledge.
-
Hi, to figure out what's going on with your setup, we'll need to go back to the beginning and work through it step by step.
For instance, you could start by using the Dashboard Template to simulate the structure of your database, and then build it up gradually. -
yes, you are absolutely right. This is what I am going to do.
Insert your code from scratch and the do the respective adaptions. I'll let you know, if I succeeded.
Thanks a lot for taking your time
-
Version 8.1
Floor plan:
Hello everyone
came up with this idea in a post, so I thought I'd add it to the dashboard as it might be useful for other users too.
The Leaflet library lets us turn any image or photo into a map surface.
Once we know the dimensions of the image, we can easily convert them to coordinates with a 1:1 ratio and use all the great features that Leaflet offers (such as markers, shapes, popups, zoom in/out, events on click, and more).
I'm using a floor plan as an example here. When you move the mouse over each room, it highlights in colour. Click on it and a pop-up containing a photo of the room appears.
Have fun!
-
Version 8.2
Video player:
Hello everyone,
mentioned in this post that we could use HTML to play our videos in Ninox.
Although I have no experience in video management, I could not resist his kind encouragement to add similar functionality to the dashboard.
So, I spent a few hours searching the web for an HTML5 player that would work out of the box, be lightweight, and allow for customization.
I present Vidstack as a proof of concept rather than a complete Ninox solution.
It is welcome if anyone has a suggestion for a better player or would like to contribute in any way.
At least enjoy the Sprite Fright short film!
Content aside
-
7
Likes
- 2 days agoLast active
- 85Replies
- 951Views
-
9
Following