Dialog Scroll

UI Components for React
Post Reply
JBottomley
Posts: 16
Joined: 31 Aug 2018, 12:55

11 Dec 2018, 13:44

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?

merve7
Posts: 489
Joined: 12 Sep 2017, 10:44

12 Dec 2018, 12:42

We tried but didn't replicate this issue. Please, could you send me full dialog component code?

JBottomley
Posts: 16
Joined: 31 Aug 2018, 12:55

13 Dec 2018, 13:40

Code: Select all

<Dialog visible ={this.state.ThirdRightsSelectVisible} width="800px" contentStyle={{maxHeight: "500px"}} closable={false} header="Third Party Rights" modal={true} footer=

merve7
Posts: 489
Joined: 12 Sep 2017, 10:44

20 Dec 2018, 11:17

Hi,
You need to set resizable={true} to enable resize like height or width.

JBottomley
Posts: 16
Joined: 31 Aug 2018, 12:55

20 Dec 2018, 13:04

Thanks. Apologies if these seem basic, very new to both react and primereact

merve7
Posts: 489
Joined: 12 Sep 2017, 10:44

20 Dec 2018, 13:11

No problem :)

JBottomley
Posts: 16
Joined: 31 Aug 2018, 12:55

08 Feb 2019, 13:36

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

JBottomley
Posts: 16
Joined: 31 Aug 2018, 12:55

19 Feb 2019, 14:22

any news on this please?

JBottomley
Posts: 16
Joined: 31 Aug 2018, 12:55

26 Feb 2019, 13:59

Looking at the components, it appears resizable has been removed from the dialog.js component.

What is the alternative method for working this?

merve7
Posts: 489
Joined: 12 Sep 2017, 10:44

12 Mar 2019, 08:50

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.

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 0 guests