Forum Discussion

chowdam999's avatar
chowdam999
Copper Contributor
Apr 11, 2020
Solved

ModelProps not supporting Styles property in office ui fabric control dialog component.

 <Dialog           hidden={hideDialog}           onDismiss={this._closeDialog}           dialogContentProps={{             type: DialogType.normal,             title: 'Missing Subject',        ...
  • chowdam999's avatar
    chowdam999
    Apr 12, 2020

    Sudharsan K 

     

    Previously it supported :

     

    modalProps={{
    titleAriaId: this.labelId,
    subtitleAriaId: this.subTextId,
    isBlocking: false,
    styles: { main: { height: 350, width: 500 } },
    }}

     

     

    Now its working with below code :

     

     modalProps={{
                            isBlocking: false,
                            styles: { main: { height: 700 } },

                        }}
                        minWidth={'1450px'}
     
chowdam999's avatar
chowdam999
Copper Contributor
Apr 12, 2020

Sudharsan K 

 

Previously it supported :

 

modalProps={{
titleAriaId: this.labelId,
subtitleAriaId: this.subTextId,
isBlocking: false,
styles: { main: { height: 350, width: 500 } },
}}

 

 

Now its working with below code :

 

 modalProps={{
                        isBlocking: false,
                        styles: { main: { height: 700 } },

                    }}
                    minWidth={'1450px'}
 
Sudharsan K's avatar
Sudharsan K
Steel Contributor
Apr 13, 2020
Hi,
Please choose the best response and close the discussion. It would help others to resolve their issues.

Resources