digraph Create_Rx {
    bgcolor=lightgray
    margin=50
    ordering=out; 

    // Prefix: q - Qt component, d - Diality component, i - image       
    // Define the main componenets      
    dPrescriptionOptions            [shape=box,     label="BaseComboBox.qml\nComboBox",                                                     fontsize="30pt"];

    // screenshots
    iCreateRx                       [shape=none,    label="PreTreatmentCreateContent.qml\nItem",    image="images/create_rx.png",                   fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iprescription                   [shape=none,    label="",                                       image="images/prescription.png",                fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];
    iprescriptionComboBox           [shape=none,    label="",                                       image="images/prescriptionDropDown.png",        fontcolor="#00FF21", fontsize="30pt", labelloc=t, imagescale=true];

    // qml types
    qPrescriptionText           [shape=ellipse, label="Text",                               fontsize="30pt"];
    qRow                        [shape=ellipse, label="Row",                                fontsize="30pt"];
    qLeftColumn                 [shape=ellipse, label="Column\n id: _leftColumn",           fontsize="30pt"];
    qRightColumn                [shape=ellipse, label="Column\n id: _rightColumn",          fontsize="30pt"];

    // Diagram Layout
    subgraph cluster_one  {
        label="PreTreatmentCreateStack.qml\nPreTreatmentCreate.qml\nPreTreatmentBase.qml"
        fontsize="30pt"
        labeljust=l

        iCreateRx -> qPrescriptionText      -> iprescription
        iCreateRx -> dPrescriptionOptions   -> iprescriptionComboBox
        iCreateRx -> qRow

        qRow -> qLeftColumn  
        qRow -> qRightColumn 
    }
}