Results 1 to 6 of 6

Thread: MessageBox Icon Layout

  1. #1
    Ext User
    Join Date
    Mar 2009
    Posts
    2
    Vote Rating
    0
      0  

    Question MessageBox Icon Layout

    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

  2. #2
    Ext User
    Join Date
    Jan 2009
    Posts
    543
    Vote Rating
    0
      0  

    Default

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

  3. #3
    Ext User
    Join Date
    Jan 2009
    Posts
    543
    Vote Rating
    0
      0  

    Default

    Found the following solution:

    PHP Code:
    .x-window-dlg .ext-mb-content
        
    {
            
    overflow/**/:auto;\height:1%;
        } 
    Seems to work great!

  4. #4
    Ext User
    Join Date
    Mar 2009
    Posts
    2
    Vote Rating
    0
      0  

    Default

    hi dbassett74,

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

    Thanks!


    -H

  5. #5
    Ext User
    Join Date
    Jan 2009
    Posts
    543
    Vote Rating
    0
      0  

    Default

    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...

  6. #6
    Ext User
    Join Date
    Aug 2008
    Posts
    40
    Vote Rating
    0
      0  

    Default 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,
    Hafiz

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •