[CLOSED] Panel topBar bottom border of buttons .

  1. #1

    [CLOSED] Panel topBar bottom border of buttons .

    Hi!

    The bottom border of buttons in topBar (I think that in paggingToolbar too) are 'cut'. I see this behavior a couple of months.

    Click image for larger version. 

Name:	panel topbar bottom button corner.png 
Views:	106 
Size:	5.8 KB 
ID:	4949

    <%@ Page Language="vb" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        
        <style type="text/css">
            .user-16 {
                background: url(add-user-16x16.png) no-repeat;
            }
        </style>
    
    
        <script type="text/javascript" >
    
            Ext.onReady(function () {
                var viewPort = Ext.create("Ext.net.Viewport", {
                    id: "ViewportConsole",
                    renderTo: Ext.getBody(),
                    layout: "fit",
                    bodyPadding: 10
                });
    
                var pane1 = viewPort.add({
                    flex: 1,
                    layout: 'absolute'
                });
    
                var pane2 = pane1.add({
                    x: 20, y: 20, width: 300, height: 100,
                    layout: 'fit',
                    bodyPadding: 8,
                    tbar: {
                        items: [{
                            text: 'add',
                            iconCls: 'user-16'
                        }]
                    }
                });
    
                var pane3 = pane2.add({
                    flex: 1
                });
    
            });
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        </form>
    </body>
    </html>
    Last edited by Daniil; Oct 22, 2012 at 12:49 PM. Reason: [CLOSED]
  2. #2
    I cannot reproduce the issue. What browser do you use? Do you use additional css rules?
  3. #3
  4. #4
    I tested under IE9 and all fine for me
  5. #5
    Do you use any compatibility mode?
  6. #6
    No! Without compatibility mode!
  7. #7
    Hi,

    I also can't reproduce.

    Here are my thoughts.
    http://forums.ext.net/showthread.php...ll=1#post93456
  8. #8
  9. #9
    Hi Dannil!

    This problems appears the same of this thread:

    http://forums.ext.net/showthread.php...3566#post93566

    If you want, you can close this thread
  10. #10
    Hi!!!

    The problem is Zoom,

    Thanks a lot for your help and sorry about this!!!!

    http://forums.ext.net/showthread.php...ed=1#post93573

Similar Threads

  1. [CLOSED] IE6 Combo box bottom border not rendered
    By musher in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 09, 2012, 9:57 AM
  2. Replies: 2
    Last Post: Feb 25, 2011, 1:21 PM
  3. [CLOSED] FieldSet - Bottom border-line missing on IE-8
    By ndotis in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 03, 2011, 5:04 PM
  4. [CLOSED] [1.0] ComboBox in IE6 - Bottom border not showing
    By danielg in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 17, 2010, 10:13 AM
  5. [CLOSED] How to remove the TabPanel header bottom border?
    By flormariafr in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 12, 2010, 3:09 PM

Posting Permissions