How do i create my own Coolite themes?
Printable View
How do i create my own Coolite themes?
Hi,
Please follow
http://forums.ext.net/showthread.php?13548
Ok.
What do you recommend?
Changing the yourtheme.css file like explained in the readme file in the directory you provided?
If so, how do i use this theme?
Currently for the gray theme i use
How would i do to use the "yourtheme"?Code:Session["Ext.Net.Theme"] = Ext.Net.Theme.Gray;
I'd suggest to just attach the css file with your theme to a page using <style> after <ext:ResourcePlaceHolder>.
What if i want to change the image of the icon in the image below? I've noticed that the css used by it is outside of the path you provided... I guess it's because it's a plugin... How would you recommend me to change it?
Attachment 2790
I'd suggest you to investigate plugin's css sources - you can find it here:
The css rule to override that icon looks like this:Code:<SVN root folder>\Ext.Net\Build\Ext.Net\ux\plugins\tabmenu\resources\css\tabmenu.css
ExampleCode:.x-tab-strip .x-tab-strip-withmenu a.x-tab-strip-menu {
background-image: url(resources/images/my-tab-menu.gif);
}
Code:<%@ 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>
<ext:ResourcePlaceHolder runat="server" Mode="Style" />
<style type="text/css">
.x-tab-strip .x-tab-strip-withmenu a.x-tab-strip-menu {
background-image: url(resources/images/my-tab-menu.gif);
}
</style>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TabPanel runat="server">
<Items>
<ext:Panel runat="server" Title="Tab 1">
<TabMenu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="Hello!" />
</Items>
</ext:Menu>
</TabMenu>
</ext:Panel>
<ext:Panel runat="server" Title="Tab 2">
<TabMenu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="Hello!" />
</Items>
</ext:Menu>
</TabMenu>
</ext:Panel>
</Items>
</ext:TabPanel>
</form>
</body>
</html>