TabPanel problem with image

  1. #1

    TabPanel problem with image

    Hello,

    I have a problem with the imagen on tabpanel.

    When I put on the mouse over the image, this disappears, in the images attached can I show the problem.

    1.- The background-image
    Click image for larger version. 

Name:	WithImage.png 
Views:	1 
Size:	1.2 KB 
ID:	21131

    2.- When the mouse is over the background-image
    Click image for larger version. 

Name:	WithoutImage.png 
Views:	1 
Size:	1.3 KB 
ID:	21141

    The Code
    <style>
            .my-close .x-tab-close-btn 
            {              
                background-image : url("Imagenes/close-min.png") !important;
                background-repeat : no-repeat;
                margin-top : 6px;
                margin-bottom : 4px;
                margin-left : 6px;
                margin-right : 4px;
                position : inherit;
                width : 13px;
                height : 13px;            
            }
        </style>

    The Code Behind
    
        protected void Page_Load(object sender, EventArgs e)
        {            
            if (!X.IsAjaxRequest)
            {
                Ext.Net.ComponentLoader theComponentLoader = new Ext.Net.ComponentLoader();
                Ext.Net.Panel thePanel1 = new Ext.Net.Panel();
                Ext.Net.Panel thePanel2 = new Ext.Net.Panel();
                Ext.Net.Panel thePanel3 = new Ext.Net.Panel();
                Ext.Net.Tool theTool = new Ext.Net.Tool();
    
                theTool.ID = "Tool1";
                theTool.ToolTip = "Cerrar";
                theTool.CustomType = "my-close";
                theTool.Handler = "owner.ownerCt.close();";
                theTool.Width = Unit.Pixel(19);
                theTool.Height = Unit.Pixel(19);
                
                theComponentLoader.ID = "ComponentLoader1";
                theComponentLoader.Url = "http://www.ext.net/";
                theComponentLoader.LoadMask.ShowMask = true;
                theComponentLoader.LoadMask.Msg = "Cargando... ";
                theComponentLoader.Mode = LoadMode.Frame;
    
                thePanel1.ID = "Panel1";
                thePanel1.Title = "Ext .Net";
                thePanel1.Closable = false;
                thePanel1.Reorderable = true;
                thePanel1.Border = false;
                thePanel1.Loader = theComponentLoader;
                thePanel1.AddTool(theTool);
                thePanel1.Height = 550;
                thePanel1.Layout = "Fit";
                thePanel1.LoadContent();
                thePanel1.AddTo(TabPanelContenido);
                thePanel1.Render();
                TabPanelContenido.SetActiveTab(thePanel1);
            }
        }
    Thanks a lot, best regards.
  2. #2
    From time to try and invent, to achieve the solution.

    I leave it to someone who can be helpful.

    <style>
            .my-close .x-tab-close-btn 
            {                          
                background-image : url("Imagenes/close-min.png") !important;
                background-color:transparent;
                background-repeat : no-repeat;
                background-position:right; 
                margin-top : 6px;
                margin-bottom : 4px;
                margin-left : 6px;
                margin-right : 4px;
                position : inherit;
                width : 13px;
                height : 13px;            
            }
        </style>
    Please, close the thread.

    Thanks a lot, best regard.

Similar Threads

  1. [CLOSED] Problem with the save chart as image
    By Gisystems in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 02, 2014, 3:21 PM
  2. Problem with image loading
    By ambruslaco in forum 1.x Help
    Replies: 0
    Last Post: Sep 09, 2013, 4:21 PM
  3. [CLOSED] Image display problem
    By Tactem in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Apr 23, 2013, 3:37 PM
  4. [CLOSED] Problem trying to manipulate image...
    By RCN in forum 2.x Legacy Premium Help
    Replies: 14
    Last Post: Jul 10, 2012, 6:12 PM
  5. Image Command problem
    By gayancc in forum 1.x Help
    Replies: 2
    Last Post: Nov 19, 2010, 6:57 PM

Tags for this Thread

Posting Permissions