Overview
Copying and pasting components are a simple way to recreate prviously designed functionality. In order to copy a component, you must select it first. Then, you either click the copy button in the control panle, or you click ctrl-c.
Next, you can paste the components into a new page by clicking the paste button in the control panel, or clicking ctrl-v. Components can also be pasted into a desktop.
Clipboard Contents
When you copy a set of components, the components are rendered as JSON text, such as the following.
{"type":"clipboard","children":[{"id":"iOnL5dVJZ-uv8a-513g-fybA-J8bE1NP4gsM8","name":"category","body":{"config":{"url":"/data/sample/category.json"}},"url":"/ctrls/davinci/data/v1.0.0/data.mjs","exports":["category"]},{"name":"pie chart","body":{"config":{"highchart":{"chart":{"type":"pie","options3d":{"enabled":true,"alpha":45,"beta":0},"height":"400","width":"100%"},"title":{"text":""},"subtitle":{"text":""},"yAxis":{"min":0,"title":{"text":""}},"plotOptions":{"pie":{"allowPointSelect":true,"cursor":"pointer","depth":35,"dataLabels":{"enabled":true,"format":"{point.name}"},"colors":["#f7fcfd","#e5f5f9","#ccece6","#99d8c9","#66c2a4","#41ae76","#238b45","#006d2c","#00441b"]}},"series":[{"properties":["value"],"name":"series","data":"category","xaxis":"subcategory"}]}},"style":"#COMPONENT-ID{\n\tborder:solid;\n\tborder-width:1px;\n\tborder-color:lightgrey;\n\theight:400px;\n}\n"},"url":"/ctrls/highcharts/highchart/v1.0.0/highchart.mjs","id":"int87CYgd-nHcn-RdvK-yXCd-GXqGFAvxohGz","imports":["category"]}]}
This text can be edited in a text editor so that you can alter the configuration of the copied components.
Video Demos
Copy and Paste