Fabric UI Modal custom sizing

Question

Please help to customize Fabric UI Modal window. I've tried to minimize height and remove vertical scrolling. Tried to work with containerClassName, className, scrollableContentClassName - but none of them work.

In scss file:

.modal {
    overflow-y: "unset";
    flex-grow: 1;
    height: 80vh
}

score 1 · Answer 1 · answered Jul 27 '20 at 07:51

1

Try to use this class ms-Modal-scrollableContent.

answered Jul 27 '20 at 07:51

Amos

2,030
1
5
9

Can you show js-file? I can't see witch props you are using – Kavrat Jul 29 '20 at 07:27
Can you please show component without content – Kavrat Jul 29 '20 at 08:08
I mean show me how you call thes component Like this: – Kavrat Jul 29 '20 at 10:04
Would like to know how to implement this as well if possible! I'm using SPFX and need to remove horizontal scroll bar. – NightTom Jul 02 '21 at 12:41

Fabric UI Modal custom sizing

1 Answers1