What's New?

[CLOSED] Themes

  1. #1
    May 30, 2011, 11:50 AM

    [CLOSED] Themes

    How do i create my own Coolite themes?
    Last edited by Daniil; Jun 04, 2011 at 9:17 AM. Reason: [CLOSED]
  2. #2
    May 30, 2011, 11:51 AM
    Hi,

    Please follow
    http://forums.ext.net/showthread.php?13548
  3. #3
    May 30, 2011, 12:01 PM
    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 

    Session["Ext.Net.Theme"] = Ext.Net.Theme.Gray;
    How would i do to use the "yourtheme"?
  4. #4
    May 30, 2011, 12:23 PM
    I'd suggest to just attach the css file with your theme to a page using <style> after <ext:ResourcePlaceHolder>.
  5. #5
    May 30, 2011, 7:47 PM
    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?
    Click image for larger version.  Name: icon_alter.png  Views: 310  Size: 16.3 KB  ID: 2790
    Attached Thumbnails Click image for larger version.  Name: icon_alter.png  Views: 209  Size: 16.3 KB  ID: 2789  
  6. #6
    May 30, 2011, 11:37 PM
    I'd suggest you to investigate plugin's css sources - you can find it here:
    <SVN root folder>\Ext.Net\Build\Ext.Net\ux\plugins\tabmenu\resources\css\tabmenu.css
    The css rule to override that icon looks like this:
    .x-tab-strip .x-tab-strip-withmenu a.x-tab-strip-menu {
    background-image: url(resources/images/my-tab-menu.gif);
}
    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>
    <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>
    Last edited by Daniil; May 30, 2011 at 11:42 PM.

Similar Threads

  1. [CLOSED] Ext.NET 2.0 Themes
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 12, 2012, 10:02 AM
  2. Themes
    By vedaantees in forum 1.x Help
    Replies: 1
    Last Post: Feb 03, 2011, 12:13 PM
  3. What about new Themes?
    By Tanielian in forum 1.x Help
    Replies: 2
    Last Post: Sep 03, 2010, 6:42 PM
  4. about themes
    By kiran malgi in forum 1.x Help
    Replies: 2
    Last Post: Mar 06, 2010, 12:35 AM
  5. Add New Themes
    By simonmicheal in forum 1.x Help
    Replies: 10
    Last Post: Sep 28, 2009, 4:46 PM

Tags for this Thread

Posting Permissions