Feb 12, 2015, 4:48 PM
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
2.- When the mouse is over the background-image
The Code
The Code Behind
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
2.- When the mouse is over the background-image
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.