Feb 27, 2013, 8:08 AM
Need Seperate CSS from the below file
Hi,
I placed my code below, when i create a new stylesheet and embed this css code, the file shows default style only. how to solve this.
I placed my code below, when i create a new stylesheet and embed this css code, the file shows default style only. how to solve this.
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>AutoHeight TabPanel - Ext.NET Examples</title>
<style type="text/css">
.my-tabpanel .x-tab-inner
{
font-size: 14px !important;
font-weight: bold !important;
font-family: Tahoma !important;
}
.x-tab-bar-top .x-tab-bar-strip{
top: 36px !important;
background-color:Green !important;
}
.x-border-box .x-tab-bar-top .x-tab-bar-body {
height: 37px !important;
background-color:white !important;
}
.x-border-box .x-tab-default-top {
height: 35px !important;
width:150px;
text-align:center;
}
.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
height: 28px;
line-height: 28px;
}
.x-tab, .x-box-item, .x-tab-default-top{
background-image:none !important;
background-color:#70b44c !important;
}
.x-active, .x-tab-active, .x-tab-default-active, .x-top-active, .x-tab-top-active, .x-tab-default-top-active{
background-image:none !important;
background-color:#c7e8ae !important;
border:0;
}
</style>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:TabPanel ID="TabPanel1" runat="server" Width="750" Cls="my-tabpanel" >
<Items>
<ext:Panel
ID="Tab1"
runat="server"
Title="Test 1"
AutoHeight="true"
BodyPadding="6" >
<Content>
Test 1
</Content>
</ext:Panel>
<ext:Panel
ID="Tab2"
runat="server"
Title="Test 2"
AutoHeight="true"
BodyPadding="6">
<Content>
Test 2
</Content>
</ext:Panel>
<ext:Panel
ID="Tab3"
runat="server"
Title="Test 3"
AutoHeight="true"
BodyPadding="6">
<Content>
Test 3
</Content>
</ext:Panel>
</Items>
</ext:TabPanel>
</body>
</html>
Last edited by geoffrey.mcgill; Feb 27, 2013 at 8:11 AM.
Reason: please use [CODE] tags