[CLOSED] Themes

  1. #1

    [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
  3. #3
    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
    I'd suggest to just attach the css file with your theme to a page using <style> after <ext:ResourcePlaceHolder>.
  5. #5
    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:	263 
Size:	16.3 KB 
ID:	2790
    Attached Thumbnails Click image for larger version. 

Name:	icon_alter.png 
Views:	187 
Size:	16.3 KB 
ID:	2789  
  6. #6
    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