Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow centering and row height in Block diagrams #5561

Open
RichardJECooke opened this issue Jun 5, 2024 · 2 comments
Open

Allow centering and row height in Block diagrams #5561

RichardJECooke opened this issue Jun 5, 2024 · 2 comments
Labels
Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request

Comments

@RichardJECooke
Copy link

RichardJECooke commented Jun 5, 2024

Proposal

No idea what the syntax should be, maybe centered blocks by default? See how bad the current Block diagram looks without it.

And we should be able to set row height eithr in CSS style or with something like height:0.5.

Example

block-beta
  columns 5
  block:A:3
    columns 3
    space
    W["Your server"]
    space
    block:B
      columns 1
      Z["Docker"]
      space
      space
      space
      H["Postgresql"]
    end
    block:C
      columns 1
      X["Docker"]
      space
      D("OpenTelemetry for Java")
      space
      E("FusionAuth")
    end
    block:G
      columns 1
      Y["Docker"]
      space
      I("Splunk OpenTelemetry collector")
      space
      space
    end
  end
  space
  F("Splunk web server")
  I-->F
  D-->I
  D-->E
  E-->H
  style Z fill:#0000,stroke:#0000,stroke-width:0
  style X fill:#0000,stroke:#0000,stroke-width:0
  style Y fill:#0000,stroke:#0000,stroke-width:0
  style W fill:#0000,stroke:#0000,stroke-width:0

Screenshots

block-beta
  columns 5
  block:A:3
    columns 3
    space
    W["Your server"]
    space
    block:B
      columns 1
      Z["Docker"]
      space
      space
      space
      H["Postgresql"]
    end
    block:C
      columns 1
      X["Docker"]
      space
      D("OpenTelemetry for Java")
      space
      E("FusionAuth")
    end
    block:G
      columns 1
      Y["Docker"]
      space
      I("Splunk OpenTelemetry collector")
      space
      space
    end
  end
  space
  F("Splunk web server")
  I-->F
  D-->I
  D-->E
  E-->H
  style Z fill:#0000,stroke:#0000,stroke-width:0
  style X fill:#0000,stroke:#0000,stroke-width:0
  style Y fill:#0000,stroke:#0000,stroke-width:0
  style W fill:#0000,stroke:#0000,stroke-width:0
Loading
@RichardJECooke RichardJECooke added Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request labels Jun 5, 2024
@KemalSoysal
Copy link

KemalSoysal commented Oct 21, 2024

I need different row heights in the block diagram.
I admit I wanted to use block diagram for simple UI wire frames.
Maybe besides centering it would help to provide the alignment individually on each column.

@1066design
Copy link

1066design commented Nov 9, 2024

This would be an amazing feature... This can be achieved by stacking charts :) and creative spacing...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants