DKUI - Cross Platform GUI builder for Grasshopper - how to videos

Hi Guys,

I’ve uploaded my first how to video for DKUI, thought it might be handy if they have their own thread. Here we go:

Hello World:

Cheers

DK

250601_DKUI Hello World.gh (8.7 KB)

9 Likes

In the next video I look at how to add styling to the UI window and how to semi-automatically change between light and dark modes to match the Rhino window.

Cheers

DK

250601_DKUI Styling.gh (12.5 KB)

1 Like

In this video we can start adding more controls to build out a full UI:

Cheers

DK

250601_DKUI Building Out More Controls.gh (26.0 KB)

1 Like

Interesting project. Unfortunately I don’t have time to watch like I’d like to due to my own extremely time-consuming projects, but I definitely subscribed to your YT channel.

1 Like

Thank you for producing these helpful videos and for your work on the plugin. I’m testing it on RhinoMac. I currently don0’t have access to a Windows machine. I’m getting the following error even after connecting all the inputs like in your example:

  • On the DK Page Server component: 1. Solution exception:‘NoneType’ object has no attribute ‘Screen’

The error sound like there is some issue with Python version…

1 Like

Thanks for the error report @Filipe_Brandao I’ll check that on my Mac test machine today.

Cheers

DK

Hi Filipe, I tracked that issue down to an ETO method that is not supported on MacOS.

Code has been patched and a new copy is up on the Package Manager.

Cheers

DK

1 Like

Great project, come on

1 Like

Brilliant! I will try it tonight. Thanks for your quick fix!

Best

1 Like

It is working now! So I started stress testing your plugin, sorry for that. Found another issue:

When setting the DK Get Curve “get curve” input to true, the grasshopper canvas returns the error bellow. It is possible to dismiss the error after a few clicks on Close. But it is not possible to drag a wire out of the DK Get Curve curve output.

There is also some lagginess while the DK Get Curve is in the canvas.

There is also some issue with DK Get Brep component. After connecting it to the html input of the DK Build Page component all the html elements in the page disappear and the component returns the following error: 1. Solution exception:sequence item 8: expected str instance, NoneType found

Also, setting the DK Get Brep get_brep input to true starts the selection call in the rhino window but it is not possible to select a brep. A similar issue is happening with the DK Get Point component.

I have a few other questions but I’ll leave that for latter.

Thanks

1 Like

hi, i think you have to create a button first and than pass the value to the get point component. it works even with several get point components :wink:

what a fantastic plugin!, thanks a lot!

1 Like

In this video I show some recent updates, including the new LIVE slider update option, unicode support and window position on opening:

Cheers

DK

1 Like

And here is a new component reference - DK Get Rhino Object:

Cheers

DK

OK guys, this one is a little less “How to” and little more “How does it work”

In this video I build a logic control in pure HTML and detail the underlying communication protocol between DKUI and Grasshopper.

Anyone with web development experience should be able to see how they can build there own custom components and pages using DKUI as the protocol.

Cheers

DK

Further to the above video, here I add UI feedback to the HTML control:

Cheers

DK

In this video we add more data payload to the HTML built control:

Cheers

DK

OK Team, I personally believe that this is the ‘killer app’ in DKUI - the ability to save and reload the state of the user interface:

Cheers

DK

1 Like

Updates to the BUTTON controls an how to use the HORIZ layout component:

Cheers

DK

1 Like

I have been asked recently about how to create reactive/dynamic controls in DKUI.

In this video I cover tabbed pages and reactive controls:

Cheers

DK