PDA

View Full Version : [CLOSED] [2.2] Ext.MessageBox.show does not size to fit contents if scaled



michaeld
Jun 05, 2013, 11:29 AM
Scaling problem appears in Chrome on the vertical height only on the first render, perhaps related to wrapping. If it fits the first render, then resizing at all scales works. I will have to check firefox and IE.

geoffrey.mcgill
Jun 05, 2013, 1:48 PM
http://forums.ext.net/showthread.php?10205-More-Information-Required

Daniil
Jun 05, 2013, 2:43 PM
Hi,

It is, probably, related to this:
http://forums.ext.net/showthread.php?25150#post110787

But, indeed, a test case would be good. Maybe, we could do something.

michaeld
Jun 06, 2013, 12:16 AM
Sorry. I didn't provide a test case because I could produce the scenario in any case with long text. However, this one gives a good idea.



Ext.MessageBox.show({
title: 'Test',
msg: 'This is a test line trying to expose the potential of zoom to affect what fits. <br/>I need to make sure that certain information that is contained at the bottom of this messagebox will show regardless of zoom.<br/>(Here is an address)<br/><br/>Michael<br/>1234 Address Ln<br/>LA, CA<br/>',
buttons: Ext.MessageBox.YESNO,
fn: function (btn) {
if (btn == 'yes')
else {
}
}
});




Try different zoom factors with Chrome.

Ultimately my goal is I need to make sure the text will display. I tried height and it didn't work. Can I add layout here? I haven't seen any examples of this so that's really what this question is about. Is it a standard panel?

Baidaly
Jun 06, 2013, 2:50 AM
Hello!

As mentioned by @Daniil ExtJS doesn't support scaling. You can add your own styles to make text bigger.

Daniil
Jun 06, 2013, 6:41 AM
Sorry. I didn't provide a test case because I could produce the scenario in any case with long text. However, this one gives a good idea.



Ext.MessageBox.show({
title: 'Test',
msg: 'This is a test line trying to expose the potential of zoom to affect what fits. <br/>I need to make sure that certain information that is contained at the bottom of this messagebox will show regardless of zoom.<br/>(Here is an address)<br/><br/>Michael<br/>1234 Address Ln<br/>LA, CA<br/>',
buttons: Ext.MessageBox.YESNO,
fn: function (btn) {
if (btn == 'yes')
else {
}
}
});




Try different zoom factors with Chrome.


I tried a few, but cannot reproduce.



I tried height and it didn't work. Can I add layout here? I haven't seen any examples of this so that's really what this question is about. Is it a standard panel?

MessabeBox extends a Window.
http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.window.MessageBox