[CLOSED] Disable shadowing on panel tool items

  1. #1

    [CLOSED] Disable shadowing on panel tool items

    hi,

    How do I disable shadowing effect on the panel tool items. For example I want to be able to disable the shadowing effect on the close button on a panel.


    {                     
        title:"testing"                
      closable: true,
                          autoscroll: false,                      
                          monitorResize: true,
                          width: 600,
                          frame: true,
                          height: 320                       
                          tools: [
                                     {
                                          id: 'close'                                      
                                      }  
                                ]
                          
                      };
    regards
    Last edited by Daniil; Jul 11, 2011 at 9:39 AM. Reason: [CLOSED]
  2. #2
    Hi,

    What shadowing effect do you mean? Please provide screenshot
  3. #3
    Hi,

    shadowing effect
    Do you mean highlighting on mouse hover?

    If so, I can suggest you to use css.

    Example

    <%@ 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>Ext.Net Example</title>
    
        <style type="text/css">
            .my-close.x-tab-panel .x-tab-strip .x-tab-strip-active a.x-tab-strip-close:hover {
                opacity: 0.8;
            }   
        </style>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:TabPanel runat="server" Cls="my-close">
                <Items>
                    <ext:Panel runat="server" Title="Tab1" Closable="true" />
                    <ext:Panel runat="server" Title="Tab2" Closable="true" />
                </Items>
            </ext:TabPanel>
        </form>
    </body>
    </html>
  4. #4
    Sorry I mean to disable the mouseover event itself not the css.

    regards
  5. #5
    You can add
    cursor: default;
    to css rule in my example.

Similar Threads

  1. [CLOSED] How to selectively disable some items in combobox
    By Shanti in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Feb 07, 2013, 4:11 PM
  2. Disable form Items
    By Kipetcoff in forum 1.x Help
    Replies: 1
    Last Post: Mar 26, 2012, 6:16 PM
  3. Disable all Items in Toolbar
    By real_unreal in forum 1.x Help
    Replies: 1
    Last Post: Feb 05, 2010, 5:45 PM
  4. [CLOSED] [1.0] Panel Tool CustomType
    By ashton.lamont in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Feb 04, 2010, 12:33 PM
  5. [CLOSED] Custom Panel Tool?
    By wazige in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 23, 2009, 11:01 AM

Posting Permissions