16 Apr 2009 6:42 AM #1
MessageBox Icon Layout
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.
21 May 2009 10:18 AM #2
I agree with this. Can this be done somehow? It currently looks really bad. Please see attached image.
21 May 2009 10:24 AM #3
Found the following solution:
22 May 2009 8:59 AM #4
22 May 2009 2:18 PM #5
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...
29 Jul 2009 4:33 AM #6
can i add a custom style
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,