Skip to main content
hamburger menu
+ Create a topic

*Ho2 = How 

 

I’m having problems getting the text and fill settings to do what I want. 

 

The below code keeps creating the non-CF OU groups, when I would prefer them all to look that way. I’ve manually updated the CF OU for what I want, post import. 

 

{
    "title": "AWS Foundation diagrams",
    "product": "lucidchart",
    "version": 1,
    "pages":  
      {
        "id": "page1",
        "title": "Account Structure",
        "shapes": "
          {
            "id": "block1",
            "type": "rectangle",
            "boundingBox": {
              "x": 16,
              "y": 309,
              "w": 320,
              "h": 1100
            },
            "text": "<p style=\"font-size: 8pt;text-align: center;vertical-align: text-top;color: #5A6C86\">CF OU</p>",
            "style": {
                "stroke": {
                    "color": "#5A6C86",
                    "width": 4.0,
                    "style": "dashed"
                },
                "fill": {
                    "type": "color",
                    "color": "#00000000"
                },
                "rounding": 0
            }
          },
          {
            "id": "block2",
            "type": "rectangle",
            "boundingBox": {
              "x": 395,
              "y": 309,
              "w": 680,
              "h": 1100
            },
            "text": "<p style=\"font-size: 8pt;text-align: center;vertical-align: text-top;color: #5A6C86\">Core OU</p>",
            "style": {
                "stroke": {
                    "color": "#5A6C86",
                    "width": 4.0,
                    "style": "dashed"
                },
                "fill": {
                    "type": "color",
                    "color": "#00000000"
                },
                "rounding": 0
            }
          },
          {
            "id": "block3",
            "type": "rectangle",
            "boundingBox": {
              "x": 1135,
              "y": 309,
              "w": 320,
              "h": 1100
            },
            "text": "<p style=\"font-size: 8pt;text-align: center;vertical-align: text-top;color: #5A6C86\">Non-Core OU</p>",
            "style": {
                "stroke": {
                    "color": "#5A6C86",
                    "width": 4.0,
                    "style": "dashed"
                },
                "fill": {
                    "type": "color",
                    "color": "#00000000"
                },
                "rounding": 0
            }
          },
          {
            "id": "block4",
            "type": "rectangle",
            "boundingBox": {
              "x": 1515,
              "y": 309,
              "w": 320,
              "h": 525
            },
            "text": "<p style=\"font-size: 8pt;text-align: center;vertical-align: text-top;color: #5A6C86\">Playground OU</p>",
            "style": {
                "stroke": {
                    "color": "#5A6C86",
                    "width": 4.0,
                    "style": "dashed"
                },
                "fill": {
                    "type": "color",
                    "color": "#00000000"
                },
                "rounding": 0
            }
          },
          {
            "id": "block5",
            "type": "rectangle",
            "boundingBox": {
              "x": 1515,
              "y": 877,
              "w": 320,
              "h": 525
            },
            "text": "<p style=\"font-size: 8pt;text-align: center;vertical-align: text-top;color: #5A6C86\">Quarantine OU</p>",
            "style": {
                "stroke": {
                    "color": "#5A6C86",
                    "width": 4.0,
                    "style": "dashed"
                },
                "fill": {
                    "type": "color",
                    "color": "#00000000"
                },
                "rounding": 0
            }
          }
        ]
      }
    ]
}

 

Hi ​@Markeen, from my testing you will probably not get the expected diagram using that shape. I would recommend trying to use the Group shape by changing your shape ids and types to:

        "id": "shape62",
        "type": "bpmnGroup",

You can see the full documentation on this shape type here: https://developer.lucid.co/docs/bpmn-20-library-si#group

Hi ​@Markeen, from my testing you will probably not get the expected diagram using that shape. I would recommend trying to use the Group shape by changing your shape ids and types to:

        "id": "shape62",
        "type": "bpmnGroup",

You can see the full documentation on this shape type here: https://developer.lucid.co/docs/bpmn-20-library-si#group

That does work better in that it moves the text top, but is there a way to make my shape’s fill transparent within the json code? 

Hi ​@Markeen, from my testing you will probably not get the expected diagram using that shape. I would recommend trying to use the Group shape by changing your shape ids and types to:

        "id": "shape62",
        "type": "bpmnGroup",

You can see the full documentation on this shape type here: https://developer.lucid.co/docs/bpmn-20-library-si#group

That does work better in that it moves the text top, but is there a way to make my shape’s fill transparent within the json code? 

If you add "opacity": 0 to your fill that should give you a transparent background:

"fill": {
    "type": "color",
    "color": "#00000000",
    "opacity": 0
},

 

Lucid Software Inc. Supplemental Community Terms

Get Started

Products

Solutions

Resources

Company

Privacy Legal Cookie privacy choices Cookie policy
© 2025  Lucid Software Inc.