MessageBox Icon Layout

[hrpatel]

Hello,

Is there a way to change the 'float:left' layout of the icons in the MessageBox class without having to rewrite it? Currently if the message is long it will wrap UNDER the image (see this). I would like to have empty space under the icon. So essentially a two column layout with a vertical align of TOP.

I've been looking into this for a couple of days now without any luck, can this be done by extending the class?

Thanks in advance, much appreciated.


-H

[dbassett74]

I agree with this. Can this be done somehow? It currently looks really bad. Please see attached image.

[dbassett74]

Found the following solution:

.x-window-dlg .ext-mb-content
    {
        overflow/**/:auto;\height:1%;
    } 

Seems to work great!

[hrpatel]

hi dbassett74,

Where did you make that change? and can you submit a screenshot of the new look?

Thanks!


-H

[dbassett74]

Add that to the CSS Script tag of the page the MessageBox will display in. As far as the screenshot, I'm not at work now, but if you can image the image I attached in the first post, but the text is now perfectly aligned under the first sentence. If you want, I can get you a screenshot on Monday...

[glidealong]

I am faced with something similar, where we want to style various message boxes differently depending on the type of error. It requires me to add styles to the messagebox for my css developers to style with. So far i haven't found a way to add styles to message box. I tried messageBox.getDialog().addStyleName("s-failurepopup"); but it doesn't get the style added to the xhtml.

Any help is appreciated.

Thanks and Regards,
Hafiz