Few general questions from newb! - chart, photos, data.

[Kumite89]

Hello everyone!

First of all, I would like to thanks for amazing work which you were done (@bumbeishvili )! The chart is awesome! Secondly, please bear in mind I am a new in coding world and community, hence my level of understanding things could be not as you (professionals) . I already made some simple website, and I not perfectly, but I know and understand CSS and HTML (nothing about JavaScript). In advance thanks for understanding a let move to questions & problems.

I would like to create chart with this view: https://stackblitz.com/edit/web-platform-3gwnsg?file=index.html

but as source of inserted data I want to use not csv file but code below: const data = [ { customId: 1, customParentId: null, customName: 'node1' }, { customId: 2, customParentId: 1, customName: 'node2' }, { customId: 3, customParentId: 1, customName: 'node3' }, ];

1. In mentioned solution can I added photos - in the same line as different data?
2. If the photos of people are store in our internal server they will appear ?
3. I followed instruction in video, but text changed but photos didn't appear.

BR, Mat

[bumbeishvili]

In mentioned solution can I added photos - in the same line as different data?

I think so, but you certainly need js knowledge

If the photos of people are store in our internal server they will appear ?

As long as photo is accessible from browser, yes

I followed instruction in video, but text changed but photos didn't appear.

Don't know why

Did you follow the instructions in the video linked bellow? This is a different video and it's for people who don't know coding, they can build org charts directly on their website and integrate them into their websites using iframe.

https://youtu.be/0jYtNOUJW_8?si=JwjdR6pWvSjPNBfU

[Kumite89]

Photos are storage locally - SharePoint and they aren't loading, look at the screen:

yes I followed the instructions, but still doesn't work. I want to add code SharePoint. I already added this code: `

' and I have i have the this result:  If you can support me how can i customize and change frontend I will be grateful. If It is demanding process tell me, I will looking for different solution. And please send me link I want to buy a coffee for you at least!

[Kumite89]

David,

Please let me know how much you will charge to align the chart to my needs? I would like to implement this, but of course company doesn't have the money for this, so I may be able to pay for this from my own pocket.

pon., 30 paź 2023 o 18:29 David Bumbeishvili @.***> napisał(a):

In mentioned solution can I added photos - in the same line as different data? I think so, but you certainly need js knowledge

If the photos of people are store in our internal server they will appear ? As long as photo is accessible from browser, yes

I followed instruction in video, but text changed but photos didn't appear. Don't know why

Did you follow the instructions in the video linked bellow? This is a different video and it's for people who don't know coding, they can build org charts directly on their website and integrate them into their websites using iframe.

https://youtu.be/0jYtNOUJW_8?si=JwjdR6pWvSjPNBfU

— Reply to this email directly, view it on GitHub https://github.com/bumbeishvili/org-chart/issues/320#issuecomment-1785718633, or unsubscribe https://github.com/notifications/unsubscribe-auth/AR6WDZX2V7GBNYEMCTNNTCLYB7PYTAVCNFSM6AAAAAA6WGKQF2VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTOOBVG4YTQNRTGM . You are receiving this because you authored the thread.Message ID: @.***>

[bumbeishvili]

Here is an example fitted to your data https://stackblitz.com/edit/web-platform-qz8dlm?file=index.html

Please let me know how much you will charge to align the chart to my needs? I would like to implement this, but of course company doesn't have the money for this, so I may be able to pay for this from my own pocket.

I am not available in the medium term

[Kumite89]

Ok thanks a lot! More or less I know how to change data which appear in the boxes but, please let me know how can I add photo: { customId: 1, customParentId: null, customName: 'Mateusz', },

is any line of code what can I add to indicate the photo?

[bumbeishvili]

@Kumite89 if you just add imageUrl property in that object, it will automatically try to load images, since it's specified in nodeContent