[CLOSED] Change width Confirmation

[CarWise]

Hi,

I'm using a confirmation like this:

                            <ext:button id="btnAdd" runat="server" text="Nieuwe bestuurder" icon="Add">
                                <directevents>
                                    <click onevent="newDriverClick">
                                        <confirmation confirmrequest="true" title="Toevoegen bestuurder" message="Weet u het zeker? De huidige bestuurder zal worden overschreven!" />
                                    </click>
                                </directevents>
                            </ext:button>

But since the 'parent' window is quite small, the box is to large horizontally. Any idea how to fix ?
See attached screenshot

Martin

[Vladimir]

Hi,
Try to add "<br/>" tags for string splitting

[CarWise]

Too easy :)

Still ... a width property wouldn't be bad at all. Now I have trail and error the place where to put my "<br/>"

Martin

[Daniil]

Hi,

I can suggest to use BeforeConfirm to manage of message box size.

Something like this:

Example

<Confirmation 
    ConfirmRequest="true" 
    Message="too long text"
    BeforeConfirm="onBeforeConfirm()" />

and

var onBeforeConfirm = function () {
    var dialog = Ext.Msg.getDialog();
    dialog.on(
        "beforeShow", 
        function () {
            this.setWidth(parentAutoLoadControl.getWidth() * 0.8);
        },
        dialog,
        {
            single : true
        }
    );
}

[CarWise]

Hi,

I can suggest to use BeforeConfirm to manage of message box size.

Something like this:

Example

<Confirmation 
    ConfirmRequest="true" 
    Message="too long text"
    BeforeConfirm="onBeforeConfirm()" />

and

var onBeforeConfirm = function () {
    var dialog = Ext.Msg.getDialog();
    dialog.on(
        "beforeShow", 
        function () {
            this.setWidth(parentAutoLoadControl.getWidth() * 0.8);
        },
        dialog,
        {
            single : true
        }
    );
}

Great !

The only thing missing is that the messagebox is not in the center anymore. Any idea ?

Martin

[Daniil]

Try to call .center() within 'show' listener.

[CarWise]

Try to call .center() within 'show' listener.

Sorry Daniil..probably a stupid question. But a show listener of the confirmation box ? Where can i find that ? :S

[Daniil]

The same as with "beforeshow" event.

dialog.on("show", ...);

[CarWise]

The same as with "beforeshow" event.

dialog.on("show", ...);

Ah..ok. I was right then, but this.center() isn't working:

    <script type="text/javascript">
        var onBeforeConfirm = function() {
            var dialog = Ext.Msg.getDialog();
            dialog.on("beforeShow",
                function() {
                    this.setWidth(parentAutoLoadControl.getWidth() * 0.8);
                },
                dialog,
                {
                    single: true
                }
             );
             dialog.on("show",this.center());
        }
    </script>

ERROR: Microsoft JScript runtime error: Object doesn't support property or method 'center'

Martin

[Daniil]

The second parameter must be a function.