Results 1 to 3 of 3

Thread: Message box with icon and title

  1. #1
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    50
    Answers
    2
    Vote Rating
    1
      0  

    Default Answered: Message box with icon and title

    I am displaying a message by setting icon and title.

    I am using the following code.
    Ext.Msg.show
    ({
    title:'BNE',
    msg:'Are you sure you want to close?',
    buttons:Ext.Msg.YESNO,
    icon:Ext.Msg.QUESTION,
    iconCls:'small-irely-icon'
    });
    msg.png
    It is having some spaces between the icon and title.
    Can you please someone tell me how to remove those spaces?

    Thanks in advance.

  2. Quote Originally Posted by vinothsencha View Post
    I am displaying a message by setting icon and title.

    I am using the following code.
    Ext.Msg.show
    ({
    title:'BNE',
    msg:'Are you sure you want to close?',
    buttons:Ext.Msg.YESNO,
    icon:Ext.Msg.QUESTION,
    iconCls:'small-irely-icon'
    });
    Attachment 45981
    It is having some spaces between the icon and title.
    Can you please someone tell me how to remove those spaces?

    Thanks in advance.
    That doesn't look like the default style for Ext.MessageBox. Have you customized it via CSS? I'm assuming "yes", so in that case, you'll have to update via CSS how the icon and title get laid out in relation to one another.

    As you can see in the fiddle below, the default, unmodified MessageBox lays out the icon and title correctly.


  3. #2
    Sencha User existdissolve's Avatar
    Join Date
    Jan 2010
    Location
    Kansas
    Posts
    522
    Answers
    32
    Vote Rating
    92
      1  

    Default

    Quote Originally Posted by vinothsencha View Post
    I am displaying a message by setting icon and title.

    I am using the following code.
    Ext.Msg.show
    ({
    title:'BNE',
    msg:'Are you sure you want to close?',
    buttons:Ext.Msg.YESNO,
    icon:Ext.Msg.QUESTION,
    iconCls:'small-irely-icon'
    });
    msg.png
    It is having some spaces between the icon and title.
    Can you please someone tell me how to remove those spaces?

    Thanks in advance.
    That doesn't look like the default style for Ext.MessageBox. Have you customized it via CSS? I'm assuming "yes", so in that case, you'll have to update via CSS how the icon and title get laid out in relation to one another.

    As you can see in the fiddle below, the default, unmodified MessageBox lays out the icon and title correctly.


  4. #3
    Sencha Premium Member
    Join Date
    Feb 2013
    Posts
    50
    Answers
    2
    Vote Rating
    1
      0  

    Default

    Yes. it was customized via css..
    Thank you

Tags for this Thread

Posting Permissions

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