[CLOSED] Problem opacity title panel IE

  1. #1

    [CLOSED] Problem opacity title panel IE

    Hi,
    if I run attached sample in Ext.net v1 the title of panel "container" has corret opacity in IE 8, but if I run the same sample in Ext.net v2 the title of panel doesn't take opacity in IE 8.

    Thank you

    Jimmy

    <%@ Page Language="C#" %>
    
    
    <%@ 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 runat="server">
        <title></title>
    </head>
    <body style="background-color: Aqua">
        <form id="form1" runat="server">
          <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
    
          <ext:TabPanel ID="tabPnl" Plain="true" TabPosition="Top" runat="server" Border="false" Height="500">
            <Items>
              <ext:Panel ID="test" runat="server" Border="false" Title="pluto" Closable="true" X="0" Y="0" >
                <Items>
                  <ext:Panel ID="container" Title="ciao" runat="server" 
                    StyleSpec="opacity: 0.4; filter: alpha(opacity=40);" Height="70" Width="100" X="50" Y="50" Draggable="true"
                    BodyStyle="filter: alpha(opacity=40);" Border="true"> 
                    <Items>
                      <ext:Label ID="lbl" runat="server" Text="Test one" ></ext:Label>
                    </Items>
                  </ext:Panel>
                </Items>
              </ext:Panel>
            </Items>
          </ext:TabPanel>
        </form>
    </body>
    </html>
    Last edited by Daniil; Oct 10, 2012 at 3:40 PM. Reason: [CLOSED]
  2. #2
    Hi Jimmy,

    Confirm.

    I can suggest the following solution. Please apply these things.

    1. Remove the StyleSpec and BodyStyle settings of the Panel

    2. Set this setting for the Panel.
    Cls="my-panel"
    3. Here is the "my-panel" class definition.
    <style type="text/css">
        .my-panel {
            opacity: 0.4; 
        }
            
        .x-ie8 .my-panel .x-panel-body, .x-ie8 .my-panel .x-panel-header {
            filter: alpha(opacity=40);
        }
    </style>
  3. #3
    Hi Daniil,
    ok, now it works.

    Thank you

    Jimmy

Similar Threads

  1. [CLOSED] Title on a collapsed Panel
    By sisa in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Sep 06, 2012, 6:42 AM
  2. [CLOSED] need to put a Tooltip on panel title
    By feanor91 in forum 2.x Legacy Premium Help
    Replies: 20
    Last Post: Aug 21, 2012, 10:14 AM
  3. [CLOSED] Error Opacity in Opera
    By dev in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Jun 20, 2011, 1:49 PM
  4. Replies: 0
    Last Post: Oct 22, 2009, 3:26 PM
  5. Panel - Collapsed Title?
    By Tbaseflug in forum 1.x Help
    Replies: 5
    Last Post: Jan 21, 2009, 9:35 AM

Posting Permissions