Hello Martin,

This can be done in Visual WebGui v6.4 by copying a niner XSLT implementation like we have on the Gizmox.WebGUI.Forms.Button, to the Gizmox.WebGUI.Forms.Panel and implementing the CSS styles required for the niner approach.
Once this is done, you could add the designer enabled skin properties that will allow customization of the Skin values and connect them to the CSS styles themselves.

All this will allow you to create images and styles for every part of your ninered Panel (TopLeft, TopCenter, TopRight, MiddleLeft, MiddleCenter, MiddleRight, BottomLeft, BottomCenter and BottomRight).

If you need any clarifications for this, please reply and I would love to help you.

If you wish, we could create this custom Panel for you within a Customization service, the details of which you can get here.
If not and you still decide to create this new Panel, we would much appreciate it if you could share it with our community by uploading it as a code-snippet on this page here.

Regards,

Ori Cohen
Support Manager, the Visual WebGui team

Hello Martin,

Say, why don't you use a modal dialog Form for this implementation?
In Visual WebGui v6.4 you can create a new type of Form, create a Skin class for it and then modify the images of the borders (including corners) of the Form to anything you like.
You can also remove the minimize and maximize buttons to leave only the X - close button or change the BorderStyle of the Form in design-time to FixedToolWindow to get a slightly different look.

Using a Form for this implementation will perhaps give you more options for having a more compartmentalized and ordered application solution.

For more information on how to create a Skin class for your control and then modify your control's UI, please view this article here.

Please tell me if this suits you.

Regards,

Ori Cohen
Support Manager, the Visual WebGui team