Edit details on form

[naveganth]

Code demo/example for testing and checking: here!

First, I'd rather have a 300x400 square for the images inside the details menu.

• 

Second, is it possible to check if there's any information on top? and if not send the bellow text info to the position of the top

• (44.706 should move upwards since there's no "cargo 2")

Third, can I change the background color? if so, is it possible to by clicking and inserting a color? or even a image that each person can choose and insert the link for.

• 

Forth, I wanna change the font and of all those fields below.

• 
• 

And the menu button color too

• 
• 

The font in search too

• 

[ZornitsaPesheva]

1. I don't understand, because 300x400 is a rectangle.
2. https://balkan.app/OrgChartJS/Docs/Fields#link
3. https://code.balkan.app/org-chart-js/edit-form-css#CSS
4. Try with CSS. You can see the selectors in the dev console.

[naveganth]

1. I don't understand, because 300x400 is a rectangle.

Got it

2. https://balkan.app/OrgChartJS/Docs/Fields#link

I couldn't find anything talking about fields changing places when there's a blank space.

3. https://code.balkan.app/org-chart-js/edit-form-css#CSS

Got it

4. Try with CSS. You can see the selectors in the dev console.

Thanks

[naveganth]

How do i change the text inside edit form buttons?

[ZornitsaPesheva]

About the blank space, you can check in the data if there is such value and add some before loading the chart.

Buttons localization: https://code.balkan.app/org-chart-js/edit-form-buttons-localization#JS

[naveganth]

About the blank space, you can check in the data if there is such value and add some before loading the chart.

I want a function to check if there's anything on field_2 and if not substitute with field_3 values.

Buttons localization: https://code.balkan.app/org-chart-js/edit-form-buttons-localization#JS

Exactly @ZornitsaPesheva thanks

[ZornitsaPesheva]

About the blank space, you can check in the data if there is such value and add some before loading the chart.

I want a function to check if there's anything on field_2 and if not substitute with field_3 values.

It would be much easier to do it with JS before loading the chart. Why not? If data_2 is empty or missing, data_2 = data_3

[naveganth]

Thanks, how do I make them all the same size when all minimized and be next to the main link in the tree, instead of all separated.

Result

Expected Result:

Also, Is it possible to create a tag to make specific nodes be collapsed.

Result;

Expected:

Hover brightness CSS, isn't working together in some parts (The hover brightness should be in the active state inside the nodes and be deactivated outside of it, not activating and deactivating when moving trough field and image.)

[naveganth]

How to remove a field from editform? I don't want the image link to appear when editing or details mode inside the form.

[ZornitsaPesheva]

By default the nodes are all the same size. You have made them with dynamic width. You can have small separation: https://balkan.app/OrgChartJS/Docs/ScaleAndPadding#separation Expand/collapse: https://balkan.app/OrgChartJS/Docs/ExpandCollapse Hover brightness is made by you. Just try to change the colors oposite. to remove image link: https://code.balkan.app/org-chart-js/hide-image-hyperlink#JS

[naveganth]

By default the nodes are all the same size. You have made them with dynamic width. You can have small separation:

• [x] Went with regular nodes, too much trouble with dynamic width.

https://balkan.app/OrgChartJS/Docs/ScaleAndPadding#separation

• [ ] That's for all nodes, I wanna separate only grouped nodes when minimized.

Expand/collapse: https://balkan.app/OrgChartJS/Docs/ExpandCollapse

• [ ] I mean't using like specific links between nodes not everyone as children nodes, also for some reason nodes on level 2 doesn't work in grouped nodes.

Hover brightness is made by you. Just try to change the colors opposite. to

• [x] Put the image selector in the brightness CSS thanks.

remove image link: https://code.balkan.app/org-chart-js/hide-image-hyperlink#JS

• [x] Got it, removed the image link.

[ZornitsaPesheva]

That's for all nodes, I wanna separate only grouped nodes when minimized.

You can set different separation for the subtrees: https://code.balkan.app/org-chart-js/minimize-maximize-groups#JS

I mean't using like specific links between nodes not everyone as children nodes, also for some reason nodes on level 2 doesn't work in grouped nodes.

I don't understand what is the common between expand/collapse and links in this case

[naveganth]

You can set different separation for the subtrees: https://code.balkan.app/org-chart-js/minimize-maximize-groups#JS

That's is for the children inside the subtree, but not for the subtree itself

I don't understand what is the common between expand/collapse and links in this case

I just think it would be easier to collapse specific children and nodes to their "father" than to use collapse all children on all the chart

[ZornitsaPesheva]

That's is for the children inside the subtree, but not for the subtree itself

You can set a separation in the main config for the whole chart and then set different separation in the subtrees config for the nodes.

I just think it would be easier to collapse specific children and nodes to their "father" than to use collapse all children on all the chart

I am not telling you to collapse all nodes. Read the whole page, You can also use the expandCollapse on init event to say exactly which nodes you'd like to collapse.

[naveganth]

What do you think about my organogram so far, do you have any suggestions?

[ZornitsaPesheva]

Looks pretty nice. Good job! I don't have any suggestions.

[naveganth]

Looks pretty nice. Good job! I don't have any suggestions.

Thanks for everything @ZornitsaPesheva.