New forum feature: Org charts

Announcements Forum News
1

This is a theme component I added and edited the code of the theme component to allow you all to change the color of each box rather than forcing it to rely soley on the depth of the entry.

Another feature was also added for charts, I suggest peaking at this to understand more:

name,imageUrl,id,parentId,positionName,color
---
Loren Reynolds,https://robohash.org/numquamculpaab.png?size=300x300&set=set1,king,,dentist,#000000
Emogene Hintz MD,https://robohash.org/evenietomnismodi.png?size=300x300&set=set1,dann.quitzon,king,firefighter
Adelaida Swaniawski Jr.,https://robohash.org/etremrepudiandae.png?size=300x300&set=set1,nicol.johnston,dann.quitzon,traffic warden
Ismael Stanton,https://robohash.org/inconsequaturpariatur.png?size=300x300&set=set1,terrance,dann.quitzon,travel agent
Shad Jacobi,https://robohash.org/ututmolestias.png?size=300x300&set=set1,german,nicol.johnston,newsreader
Kermit Tromp,https://robohash.org/officiisoptionihil.png?size=300x300&set=set1,carin,nicol.johnston,lecturer,#F15
Sierra Huel IV,https://robohash.org/quaeratisteet.png?size=300x300&set=set1,dominic.lehner,carin,physicist
Anh Spencer,https://robohash.org/utcorporisaccusantium.png?size=300x300&set=set1,ignacio.farrell,terrance,statistician
Salvatore Weissnat,https://robohash.org/voluptatemetomnis.png?size=300x300&set=set1,keith,ignacio.farrell,journalist,#0F1A4A

The example below is created via doing the following

NOTE: Sometimes when editing the note, its possible that it breaks and you don’t see anything, you can either refresh but I suggest working on this in another text-editor to then post into a topic/post.

You need to make sure if your going to omit a specific value, i.e not have a parent you still use the commas. Colors can be picked and if you don’t pick one it will be based on the depth.

Im hoping this proves useful for showing stuff such as items, tiers, clan organizations, etc.
Let me know if theres any issues.

(the id part is the unique thing for it, this is what you will use for parentId for example.)

```orgchart
name,imageUrl,id,parentId,positionName,color
---
Loren Reynolds,https://robohash.org/numquamculpaab.png?size=300x300&set=set1,king,,dentist,#000000
Emogene Hintz MD,https://robohash.org/evenietomnismodi.png?size=300x300&set=set1,dann.quitzon,king,firefighter
Adelaida Swaniawski Jr.,https://robohash.org/etremrepudiandae.png?size=300x300&set=set1,nicol.johnston,dann.quitzon,traffic warden
Ismael Stanton,https://robohash.org/inconsequaturpariatur.png?size=300x300&set=set1,terrance,dann.quitzon,travel agent
Shad Jacobi,https://robohash.org/ututmolestias.png?size=300x300&set=set1,german,nicol.johnston,newsreader
Kermit Tromp,https://robohash.org/officiisoptionihil.png?size=300x300&set=set1,carin,nicol.johnston,lecturer,#F15
Sierra Huel IV,https://robohash.org/quaeratisteet.png?size=300x300&set=set1,dominic.lehner,carin,physicist
Anh Spencer,https://robohash.org/utcorporisaccusantium.png?size=300x300&set=set1,ignacio.farrell,terrance,statistician
Salvatore Weissnat,https://robohash.org/voluptatemetomnis.png?size=300x300&set=set1,keith,ignacio.farrell,journalist,#0F1A4A
13 Likes
2

Looks neat, I don’t think I’ll ever use it but clans might as you said.
I think you forgot to enable it for old theme, though.

1 Like
3

Will do that now

1 Like
4

:heart_eyes: wow

5

Might also be useful for #marketplace with shops, overall a nice addition.

1 Like
6
7

I have no idea how this works but it seems interesting.

1 Like
8

if you see above the posted example, you see the name,imageUrl,id,parentId,positionName,color
which if you think of it like a table, then these are the column heads

everything below that is each row or entry. so
<name here will be the biggest text>,<imageUrl>,<unique identifer shown at the top of each entry>, <the parent id if there is one>, <position basically whats underneath their names>,<hex color>

9

so you can separate them in creating a new parent and listing that new parent id to make clan branches?

10

This is a example, sadly you really shouldnt be using the live editor to see the outcome because it breaks a lot, you should do this stuff in like a text-editor, then paste into a freshly opened post to see how it looks like because once it breaks you have to refresh or post.

name,imageUrl,id,parentId,positionName,color
---
Vetex,,VetexID,,Creator,#555555
Headless,,HeadlessID,VetexID,Developer,#111111
Headless2,,TestID,HeadlessID,Something,#111111

```orgchart height=1000
name,imageUrl,id,parentId,positionName,color
---
Vetex,,VetexID,,Creator,#555555
Headless,,HeadlessID,VetexID,Developer,#111111
Headless2,,TestID,HeadlessID,Something,#111111
11 
name,imageUrl,id,parentId,positionName,color
---
Vetex,,VetexID,,Creator,#555555
FakeVetex,,fakeid,VetexID,ehrfjeskadjfhsakj,#000000
Headless,,HeadlessID,VetexID,Developer,#111111
Headless2,,TestID,fakeid,Something,#111111
12

I fixed it for you, you can’t have two parentless entrys, only one can exist since this is a structure.

Also this made me find a bug too lmao.

13

i see
so no branches, you have to make 2 separate charts
or you make the branches under the clan name

14

image
image764×62 3.67 KB

everybody’s phone just got notified

15

yeah, its possible too that this will be removed and replaced with something else if we find something better, because surely it will be buggy and it could cause problems.

16 
    flowchart
         guh --> buh
2 Likes
17 
Yes
  Gay --> ur mum;
18 
    flowchart
         This --> is --> cool!
2 Likes
19

Important info below

Where is my tester
(Why do I not know half of these)

1 Like
20

Interesting. Gonna mess around with this a bit