Joni de Campos
Posts: 0
Joined: Fri Dec 11, 2015 12:21 pm

How to set width and height of a Dialog Page

How can I set width and height of a Dialog Page ?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

How to set width and height of a Dialog Page

Hello Joni,

Please use CSS properties width and height for that.
It deffers for jqm, Ionic and Bootstrap applications. Please clarify, which of them do you use?

Joni de Campos
Posts: 0
Joined: Fri Dec 11, 2015 12:21 pm

How to set width and height of a Dialog Page

I am using jqm.

Strange is that in the Popup window it automatically set its with and height based on the popup windows content.

I can do that in the Dialog Page, but it seems there is a size limit for the Dialog Page. So the only alternative is to set its sizing using CSS.

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

How to set width and height of a Dialog Page

CSS is only one way to change it's value.

Please look at the example below:
prediv.ui-dialog-contain{
with:100px;
max-width:100px;
height:100px;
overflow:hidden;
}/pre

Joni de Campos
Posts: 0
Joined: Fri Dec 11, 2015 12:21 pm

How to set width and height of a Dialog Page

Thanks Sergiy.

It seems to be a max width limit of 1024px on the dialog page. Is that correct ?

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

How to set width and height of a Dialog Page

Sorry, there was a typo.
Please change prewith:100px;/pre to prewidth:100px;/pre

Joni de Campos
Posts: 0
Joined: Fri Dec 11, 2015 12:21 pm

How to set width and height of a Dialog Page

Thanks. I miss it also...:)

Return to “Issues”