Page 1 of 1
Dialog Scroll
Posted: 11 Dec 2018, 13:44
by JBottomley
As per the website, I have set contentStyle={{maxHeight: "500px}} for the dialog which sets the height but doesn't allow the dialog to scroll. How do I set this?
Re: Dialog Scroll
Posted: 12 Dec 2018, 12:42
by merve7
We tried but didn't replicate this issue. Please, could you send me full dialog component code?
Re: Dialog Scroll
Posted: 13 Dec 2018, 13:40
by JBottomley
Code: Select all
<Dialog visible ={this.state.ThirdRightsSelectVisible} width="800px" contentStyle={{maxHeight: "500px"}} closable={false} header="Third Party Rights" modal={true} footer=
Re: Dialog Scroll
Posted: 20 Dec 2018, 11:17
by merve7
Hi,
You need to set resizable={true} to enable resize like height or width.
Re: Dialog Scroll
Posted: 20 Dec 2018, 13:04
by JBottomley
Thanks. Apologies if these seem basic, very new to both react and primereact
Re: Dialog Scroll
Posted: 20 Dec 2018, 13:11
by merve7
No problem
Re: Dialog Scroll
Posted: 08 Feb 2019, 13:36
by JBottomley
Hi,
Sorry to be a pain again.
I have updated my project to the latest Primereact release and the dialog scroll isn't appearing.
My code is as follows:
<Dialog visible ={this.state.ConditionFormSelectVisible} resizable={true} contentStyle={{maxHeight: "800px", width: "1400px"}} header="Condition Assessment Form" modal={true} closable={false}
Regards,
Joe
Re: Dialog Scroll
Posted: 19 Feb 2019, 14:22
by JBottomley
any news on this please?
Re: Dialog Scroll
Posted: 26 Feb 2019, 13:59
by JBottomley
Looking at the components, it appears resizable has been removed from the dialog.js component.
What is the alternative method for working this?
Re: Dialog Scroll
Posted: 12 Mar 2019, 08:50
by merve7
Hi,
So sorry for the late response. Yes, we removed resize. If you add overflow='auto' style in content style (like contentStyle={{maxHeight: "800px", width: "1400px", overflow:"auto"}}), dialog scroll appears again.