The Dyalog Panel Widget

You can also build panels using the Add methodYou can assign custom icons by setting the field "Icon"

Custom Class Example Title

You can assign your own classes and icons as well!

Rounded or not

Use "Radius" and "RadiusUnit" to control the radius

Simple info-panel w/o title and with varying radius for every corner!The focus of these excercises is not really beauty, but more to show what can be done...and also to check that it actually works ;-)

:classPanelAdvanced : MiPageSample⍝ Control:: _DC.Panel ⍝ Description:: Demonstrates options for customization of Panels ∇ Compose:Access public
Add_.h3'The Dyalog Panel Widget'p1←Add_.Panel'''info'p1.Icon←'fa-certificate fa-3x'p1.Add'You can also build panels using the Add method</br>'p1.Add'You can assign custom icons by setting the field "Icon"'Add_.styleScriptFollows ⍝ .custom-class {background-color: green;} ⍝ .custom-class.dc-panel-title {background-color: lightgreen;} ⍝ .custom-class.dc-panel-icon {color: white;} Add_.brp2←Add_.Panel('''.custom-class''Custom Class Example Title')p2.Icon←'fa-thumbs-up'p2.Radius←0p2.Add'You can assign your own classes and icons as well!'Add_.brp2←Add_.Panel('Use "Radius" and "RadiusUnit" to control the radius''info''Rounded or not')p2.Radius←5 1 0.5 0.3p2.RadiusUnit←'em'Add_.brp3←Add_.Panel'''info'p3.Add'Simple info-panel w/o title and with varying radius for every corner!'p3.Add'The focus of these excercises is not really beauty, but more to show what can be done...and also to check that it actually works ;-)'p3.Radius←0.5 1 1.5 2p3.RadiusUnit←'em'∇:endclass