Cheese Board Demo (drag, drop, resize, save, load your own layouts based on Gridstack JS)

I'll create a more in-depth video in the next day or so. Just shocked at the interest in it so am inspired to move it along as fast as I can. Will demonstrate how easy it is to add widgets and change them, all that type of stuff. Obviously the base HTML version has no data rendering abilities as it stands (although I could use JSON to populate everything for now). But shall include the schema for users to store their own layouts etc for those creating a dynamic variation. Likewise for anything else that has dynamic functionality...

4 Likes

Great work, Cheese!

With every demo video published here, my mind starts racing with ideas on how I can incorporate these widgets into my various projects :slight_smile:

1 Like

Very good! Waiting!

1 Like

Top work by @Cheese. I wonder if this could be presented at a Wappler meet up where we could ask questions as it's being demoed?

4 Likes

Like, coming Friday???
:+1:

1 Like

I'm not sure what @mark1 has planned for the meetup this Friday but a demo of this sounds like the perfect feature to be part of it.

3 Likes

@scottclee @ben @sitestreet @mark1

Mark is way ahead of the game and contacted me a couple of days ago asking if I'd like to take part in the meetup. I'm just trying to rearrange my week to fit it in, and also playing catch-up with a load of Client obligations as the urgency to get this out and available has taken over everything else. Don't think have been to bed before 5am since I created this Topic! And once again find myself at the keyboard at 02.11am and really only just getting started (trying to improve mobile responsiveness, which is bloody murder if I am honest, and the light theme, and half a dozen other mad ideas I have had besides...)

I've added a couple of new videos featuring a few widget examples, and a new feature to lock and unlock widgets (GridStack is really annoying if you want to select something to copy as by default it thinks you're moving a widget hahaha), but now overcome that hurdle...

I'll try to make it Friday as it is very important to showcase. I'm camera shy so I won't be showing my face, and still have to figure out if I can get whatever tool I'm going to use to cast my screen, I presume Zoom? Will play around and try to sort that out tomorrow though, or later today seeing it is now 02.15am and counting..

Anyway two videos to check out, and since I uploaded them have another dozen improvements for the next videos. All this is making me hungry now... Where did I leave my slice of pizza! Gaawwwd dammmit, cats probably nabbed it! :flushed:

Widget examples:

Lock/Unlock functionality:

Further (added some new styles after the video)

image

image

2 Likes

D..., what can I say! Words fail me, especially when I see the meticulous styling of the widgets.

I hope that you are able to make it on Friday (Saturday down under). The meeting is held using Zoom, and don't worry about showing your face, it cannot be worse than mine :slightly_smiling_face:.

2 Likes

@Cheese , bloody hero doesn’t even begin to describe you…

… but I’m sure our enthusiasm can wait till after Christmas if required.

If the cat ate your pizza at 2am, that may be a sign from the gods for you to take things just a tad easier? :thinking:

I hate to think of your Christmas being impacted by over-working for us all just beforehand.

I’m sure you know how to do what feels right.

Sending lots of love! :smiling_face_with_three_hearts:

1 Like

Stunning. Just stunning. :+1: :+1: :+1:

2 Likes

@Cheese Is it possible of using partials inside board content? On your video I saw that all these "draggable dashboard elements" are part of the same page, but what about combining in a dashboard completely different pages by using partials?

1 Like

Great question! And am happy to say yes that works just fine. All content renders despite its type, from partials to iframes and embeds.

:slight_smile:

I have been liaising with Mark this evening and will be doing all I can to be there and if I am absent I am attempting to record a few videos for Mark should I not be able to be there in person. I have the upmost respect for anyone creating videos as I know they take a ton of time and effort. My poor old laptop ramps up its fans to 100% the moment I start recording so the background noise is a bit bad.

Ben you're a stunner! Wish when I get to 21 I look as good as you dear Sir!

:slight_smile:

Much the same as yourself we have to put that effort in. Personally I'm all for function over form but when the two compliment each-other man does it feel and look good, and this is one of those rare occurrences where both are in harmony.

I think everyone that contributes to this Community is a hero and that includes you too Antony. We are all blessed to have such a wonderful place to bounce off of each-other.

I might be a few days later than expected but I just want to make sure what we deliver is worthy, bug free, usable, and simple.

The Universe is indeed trying to tell me something hahaha...

No worries there Antony but your concern warms me, thank you.

I feel the same about your work too. Your support is truly appreciated and I am chuffed you like it. Thank you so much.

Man I am humbled beyond belief at the kind words and support. I'm blushing and somewhat embarrassed by it all.

Thank you all so much for making an old man feel good!

:blush:

7 Likes

A virtual round of applause from everyone in the meetup after watching @Cheese 's demonstration.

:clap:

3 Likes

So annoyed i couldn't make it.

1 Like

There'll be the usual replay, Brian :+1:

1 Like

I couldn't make it either. Looking forward to watching the video!

1 Like

Make it funky!

3 Likes

Just an update on what we have been working on...

Our first 'module' that plugs-in to the dashboard/widgets will be................

Screenshot from 2024-12-18 18-50-20

Entirely written by us, and man it has taken some HUGE effort! Only requirement is to have a remote application capable of running Node JS (and the front-end pages can remain pure HTML), as if you want to integrate Passport JS you will need a Node Application to serve back the response, but that's fine we got you covered with a fully working app included in the set-up.

Screenshot from 2024-12-18 19-50-28

In the above example I am working locally, but there are multiple authentication strategies to select from.

We have written a straight forward installation script (installs everything for you), just enter your details, pick how you want to incorporate Passport from several options, import the provided database schema (supports MySQL and PostgreSQL), read the short Read Me and documentation file, a few lines of code in to your Login Widget and away you go!

This is not a standard feature, this is an add-on and there are many more to come!

We are getting closer... The effort we are putting in to this is massive!

Quick preview:

:nerd_face:

7 Likes

Have never really cared about these scores but others do, hence pushing the limits and spending just that little extra time on the tiniest of details.

Entirely built in Wappler! This version is for Node JS but our static HTML version (can be used with PHP too) is just as quick, if not even quicker!

4 Likes

Hi Cheese,
You need to update the web site as it is showing as launched!
Unless you are Cheese the terrible tease?
I have been watching the countdown (and the reset) since you posted. Any update on when you might launch?