Same box format style for assistants and regular persons

Org Chart Microsoft 365 version
1

Hi,
I wonder if it possible to render the box-style of assistants the same like "regular" persons.
To be more precise: the way the assistants are placed in the chart is totally fine, just the box itself and its content should be rendered like all the others.
Thanks in advance and best regards,
Christian

2

Hello,

Have you had an opportunity to review the documentation related to this topic? There are several options to customize the appearance of boxes in the Org Chart.

Best regards,
Milagros.
Plumsail team.

3

Hi Milagros,
thank you, I've tried that. It is working for some elements of the box, but not for all:

image
image1185×974 70 KB

Is there a chance to cover all elements?
Best regards,
Christian

4

The feature appears to be currently showing irregularities. I recommend implementing some custom code as a temporary solution while the team reviews this issue.

This approach should enable adjustments, such as modifying font size.

.poch-group-item_assistant .poch-box__field {
    font-size: 15px;
}

Best regards,
Milagros.
Plumsail team.

5

Thank you, I was able to apply futher adjustments by using custom code:

.poch-group-item_assistant .poch-box__field {
    font-size: 12px;
}

.poch-group-item_assistant .poch-box.media {
    padding-top: 13px;
    padding-right: 9px;
    padding-bottom: 4px;
    padding-left: 9px;
}

What did not work was my approach to format the photo box:

.poch-group-item_assistant .poch-box__photo-container {
    width: 51px;
    height: 51px;
    min-width: 51px;
    min-height: 51px;
    max-width: 51px;
    max-height: 51px;
}

Can you see any mistakes in that?

Thank you and best regards,
Christian

6

To make sure you're overriding the card styles, you can try the following:

.poch-group-item_assistant .poch-box__photo-container {
    width: 51px!important;
    height: 51px!important;
    min-width: 51px!important;
    min-height: 51px!important;
    max-width: 51px!important;
    max-height: 51px!important;
}

However, be aware that this will only apply to the assistant boxes, since you're using those classes.

Best regards,
Milagros.
Plumsail team.

7

Thank you very much Milagros, that one worked perfectly!